重点:!!!!一切操作管理员权限下!!!!!!
本篇参考文章:https://zhuanlan.zhihu.com/p/102592286
记录下我搭建过程中遇到的问题
注册github和下载gitbash没什么好说的·直接一路到底。
3.ssh远程链接github并上传测试文件
那么从ssh远程链接和本地库更新到远程库说起,顺便记一下操作。
首先我们在GIT的文件夹下创建一个codefile文件夹存放我们的库,
接着进入codefile文件夹,在文件夹右键打开git
bash here。然后输入下面指令去用rsa算法生成ssh密钥
ssh-keygen -t rsa
可以直接到相应的文件夹下寻找密钥
● Linux 系统:/.ssh/.ssh
● Mac 系统:
● Windows 10 :C:/Users/ASUS/.ssh
不过过于繁琐,我们直接使用指令
cd /.ssh:text=ssh%3A%20connect%20to%20host%20github.com%20port%2022%3A%20Connection,%E7%9A%8422%E7%AB%AF%E5%8F%A3%E8%A2%AB%E6%8B%92%E7%BB%9D%E4%BA%86%E3%80%82%20%E5%8E%9F%E6%9C%AC%E4%BB%A5%E4%B8%BA%20github.com%20%E6%8C%82%E4%BA%86%EF%BC%8C%E4%BD%86%E6%98%AF%E6%B5%8F%E8%A7%88%E5%99%A8%E8%AE%BF%E9%97%AE%20github.com%20%E4%B8%80%E5%88%87%E6%AD%A3%E5%B8%B8%E3%80%82%20%E7%BD%91%E4%B8%8A%E6%90%9C%E7%B4%A2%E8%BF%99%E4%B8%AA%E6%8A%A5%E9%94%99%EF%BC%8C%E5%8F%91%E7%8E%B0%E5%BE%88%E5%A4%9A%E4%BA%BA%E9%81%87%E5%88%B0%E8%BF%99%E4%B8%AA%E9%97%AE%E9%A2%98%EF%BC%8C%E5%A4%A7%E6%A6%82%E6%9C%892%E4%B8%AA%E5%8E%9F%E5%9B%A0%E5%92%8C%E5%AF%B9%E5%BA%94%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%EF%BC%9A%20%E4%BD%BF%E7%94%A8GitHub%E7%9A%84443%E7%AB%AF%E5%8F%A3
ls
cat id_rsa.pub
然后就会打开密钥,我们复制密钥内容。
打开github,点击右上角,再点击settings 点击左边栏ssh and gpg keys
点击new ssh key 不用输入标题(随意)2,将复制的密钥粘贴到下一栏空白处
最后点击 add ssh key即可。
然后回到gitbash终端测试一下是否绑定成功
ssh -T git@github.com
第一次有可能失败,提示error的话,是因为github默认端口22.我们可以测试下其他的端口是否可用。
ssh -T -p 443 git@ssh.github.com
如果不报错了,我们直接修改配置文件
vim ~/.ssh/config
输入上条指令后,我们点击下键盘上的 i
然后复制下面内容,右键粘贴!
Host github.com
Hostname ssh.github.com
Port 443
然后粘贴进去后,点击ESC,输入:wq 后即可
——-本处参考博客:https://zhuanlan.zhihu.com/p/521340971#:
接下来就是我们拉取远程仓库并提交测试文件的环节了!
先去github上打开你的项目,点击code 选择ssh 复制第一个网址
然后进入codefile文件夹下 打开gitbash 输入 git clone 复制的网址
你会看到有个文件夹被复制到codefile下
我们进入复制下来的文件夹
我们新建一个text.txt文本文件:内容最好随便输入点
然后进入终端输入以下指令去查看本地库更新
git status
然后输入
git add text.txt
再输入
git commit -m “commit text file”
此时你是第一次输入,它会输出一大串提示你输入名字和邮箱
我们只需一步一步来:
先输入邮箱(你自己github邮箱)
git config –global user.email”1744532547@qq.com“
再输入名字(最好你自己的github名字或者真名)
git config –global user.name”Aiyflowers”
接着输入以下指令去查看提交记录,如果没有显示commit text file
git log
我们就需要再次进行提交
git commit -m “commit text file”
再次git log 验证
再输入以下指令查看仓库状态
git status
输入以下指令将本地文件同步远程
git push origin main
接着回到github刷新,发现已经存在text.txt,证明测试成功
4.购买域名
哈哈哈,这个我推荐阿里云第一年才1元钱,第二年88我哭死
秀一下我的域名,如果你不在乎美观的话,选择个便宜点xyz后缀,续费也便宜。我是为了美观哈哈
没什么好说的,直接看文章开头的博客即可,其实自己摸索也可以。很简单,我是突发奇想,买了域名才开始有想法搞个博客的。
5.node.js和hexo
配置node.js
我们下载好node.js后直接安装到F盘或者D盘,看你心情(记得文件夹名为nodejs)
然后进入nodejs文件夹下,可以看到我们安装的node.js文件
在 nodejs 文件夹中新建两个空文件夹 node_cache、node_global
然后用管理员权限打开cmd在此文件夹下,输入以下指令
.\npm config set prefix “F:\nodejs\node_global”
.\npm config set cache “F:\nodejs\node_cache”
然后静静等待一会。
搭配环境变量和系统变量就直接看它的操作即可
设置环境变量:win10系统 –> 打开控制面板 –> 系统 –>高级系统设置 –> 环境变量 ,然后在系统变量中新建一个变量名为“NODE_PATH”,值为“D:\nodejs\node_global\node_modules”,如下图:
然后编辑用户变量里的Path,将相应npm的路径改为:D:\nodejs\node_global,如下图:
只需要把图中的D改为F即可。
管理员权限在 cmd 命令下执行 ./npm install webpack -g
会生成webpack文件夹在node_global下,证明成功。
配置hexo(博客框架)(最容易出错的地方):
Hexo就是我们的个人博客网站的框架,在安装之前,我们要先在GitHub上创立一个仓库,如下图:
点击 settings 设置:
滑到页面底端,出现如下图所示就说明已经成功了:
接下来就是安装Hexo,首先在D盘建立一个文件夹 Blog,点开 Blog 文件夹,鼠标右键打开 Git Bush Here,输入npm命令安装Hexo:
npm install -g hexo-cli
安装完成后,输入 hexo init 命令初始化博客:
易错点
出现这个报错是因为配置文件里默认的网址被禁止了。我们需要修改hexo的配置文件为香港的网址,配置文件在C:\Program Files\nodejs\node_global\node_modules\hexo-cli\lib\console/init.js
中
我们去github上把香港的网址复制下来修改此文件即可。
此时我们输入
hexo g
hexo s 去验证结果,发现成功。但是这只是本地成功了,我们还需要上传github服务器。
先在根目录下执行以下命令
npm install hexo-deployer-git –save
然后 hexo d 即可上传
hexo clear hexo g hexo d三剑客!这3个命令都要记得。
以上步骤完成你就会得到一个最原始的博客网站,网址是你的仓库名.github.io
那么我们想用别人好看的主题怎么办?
秀一下我整个流程完成后的主题
用我买的域名aiyf.love可以直接访问,也可以https://aiyf.love/去访问
这个我就不介绍如何整了,很简单。去搜别人的hexo主题,一般都会有教程。
绑定域名————省略
接下来的内容就是我自己以后常用的啦
发博客的办法:
在根目录下
新建博文:
hexo new “文章题目”
新建页面:
hexo new page “测试页面”
生成的md文件的格式————
title: 测试博客
date: 2022-07-22 18:22:38
tags:
categories:hexo
….用hexo更新博客有很奇怪的玄学错误,所以我选择了github desktop
好像找到错误了:https://blog.csdn.net/m0_50845934/article/details/121792081
我们先把public文件夹改名public1,不删除,以免以后恢复
然后打开github desktop去把项目克隆到blog根目录下,接着改名为public。然后
hexo new “测试文件”
hexo g
再打开github desktop 发现有变化,表示成功!
接着我们逆向刚才的操作,把新创建的文件删除。
hexo new “filename”创建出来的文件在
F:\Blog\source_posts下,我们可以直接在语雀中编辑好,然后转手复制进去即可
接着保存文件,执行hexo g 去把文件生成到public下,
再执行hexo s去查看最终效果。感觉效果满意就可以打开githubdesktop发现变化很多,然后输入个summary名字,直接commit,再点击 push origin(屏幕中间会弹窗这个)
最后就可以达成效果,方便又快捷!!!!
我的最终上传效果如下
说下这样上传的好处!:不使用hexo d 也就不会把CNAME文件覆盖,也就每次我们不需要再重新配置子域名。!这很重要!!!!
我们还可以按照自己的想法去添加一系列比如分类,标签…
最终执行流程(只有单纯指令):
hexo new “filename”
复制md文件到”””下,根据自己的意愿添加标签或者不添加!
hexo g
hexo s
githubdesktop进行操作
完结撒花!!
删除博客的流程:
操,光说了咋加没说咋删….,操作也很简单,在_posts文件夹下直接操作文件,然后
hexo g 同步到public中,接着操作如上一样。
可以看到删除完毕
接着我再把本文上传上去吧!标题helloworld