搭建环境
下载并安装以下两个工具
1.node.js
2.git
安装好之后,打开命令窗口(按住Win+R后输入CMD即可打开命令窗口)

分别输入 node -v 、npm -v 及git --version 查看刚才我们安装的软件的版本

配置GitHub
1.生成SSH key
打开Git Bash,输入ssh-keygen -t rsa然后按三下回车,如下图所示
image.png
接着就会在C:\Users\Administrator.ssh目录下生成到id_rsa和id_rsa.pub两个文件,id_rsa是密钥,id_rsa.pub是公钥
公钥与私钥文件.png
接下来需要将id_rsa.pub的内容添加到GitHub上,这样本地的id_rsa密钥才能跟GitHub上的id_rsa.pub公钥进行配对,才能够授权成功。
2.在GitHub上添加SSH Key
进入Settings
image.png
image.png
image.png
把id_sra.pub的内容复制粘贴到key(id_sra.pub可以使用记事本打开),最后Add SSH key就可以了。
测试是否成功:
SSH key 添加成功之后,输入ssh -T git@github.com进行测试,如果出现以下提示证明添加成功了。
image.png
创建 GitHub 仓库

注意:项目名称一定要使用
你的名字 + .github.io

设置本地博客的配置
1 安装Hexo
在你认为合适的地方创建一个文件夹,然后在文件夹空白处按住 Shift+鼠标右键,然后点击在此处打开命令行窗口。(同样要记住啦,下文中会使用在当前目录打开命令行来代指上述的操作)
我的电脑出现了点问题,右键不能用,所以我这里先打开命令行然后自己进入Hexo文件夹
在命令行输入npm install -g hexo
然后输入 npm install hexo --save这时候你会看到命令窗口刷了一堆白字,然后输入 hexo -v 查看hexo是否安装成功了。

2初始化Hexo
在命令窗口中,继续输入 "hexo init",等待下载好了之后输入 "hexo s"

出现以上信息时就可以打开浏览器了,在地址栏中输入 http://localhost:4000/ 我们就可以看到如下图的界面,这个就是我们的博客。

新建文章
命令窗口输入hexo new 'filename'我们的文件夹(F:\Hexo\source\_posts)下面就会生成一个新的md文件
发布博客
1.复制我们的GitHub项目地址
比如我这边是:https://github.com/zccon/zccon.github.io.git
然后打开我们新建的文件夹(F:\Hexo)下面生成的_config.yml文件,在最下方作如下修改

deploy 是部署的意思,type: git 就是使用 git 进行部署,repo: github仓库地址
接下来回到命令窗口,输入 npm install hexo-deployer-git --save
安装好Git上传插件之后,输入 hexo g,然后输入 hexo d就可以将我们的博客上传到我们的GitHub了,而且以后更新文章就只需要用这两个命令就可以了。这样别人也可以通过 https://yourname.github.io 来访问我们的博客了(开头一定要用https,yourname是你的github的名字)。
网友评论