使用HEXO搭建博客并部署到Github

安装Node.js

下载Node.js并安装。

检查是否安装成功可打开cmd输入命令:npm -v

若出现版本号那么恭喜你,Node.js就安装成功了

安装、配置HEXO

首先,下载并安装git

安装git后在电脑上创建一个文件夹用以安装HEXO并在cmd中切换至此文件夹,输入命令:npm install hexo-cli -g

在此过程中很有可能出现错误

这个错误可以简单的理解为就是网不好 ,改用淘宝的npm镜像就好

依次输入命令

1
2
3
npm config rm proxy
npm config rm https-proxy
npm install -g cnpm --registry=https://registry.npm.taobao.org

然后直接将本地的npm仓库指向淘宝的镜像地址

npm config set registry https://registry.npm.taobao.org

配置后可通过下面方式来验证是否成功

npm config get registry

之后就可以愉快的输入淘宝的cnpm指令cnpm install hexo-cli -g安装HEXO了

再创建一个新的文件夹用于保存我们的博客文件并在cmd中切换至此文件夹,依次输入命令:

1
2
3
hexo init
hexo g
hexo s

依次执行完上边的代码

会提示在http://localhost:4000/的端口上运行起来了我们可以运行看看

如果出现了这个画面,那么恭喜你,HEXO就成功安装了

与Github通过SSH连接

进入你的github主页,新建一个名为xxxx.github.io的仓库(xxx为你的github用户名)

在刚刚创建的博客文件夹中单击右键选择Git Bash Here输入指令:ssh-keygen -t rsa -C "你的GitHub注册邮箱"

指令完毕后会生成一个id_rsa.pub文件,打开复制其中所有内容,进入Github刚刚创建的博客仓库选择依次点击图中位置添加刚刚生成的秘钥

完成后使用一下命令测试是否成功:$ ssh -T git@github.com

然后设置用户名密码

1
2
$ git config --global user.name "你的github用户名,非昵称" 
$ git config --global user.email "填写你的github注册邮箱"

设置完之后修改配置文件:blog/_config.yml在最后一行加上如上内容

注意:type:/repo:/branch:中的冒号后面有空格。后面的两个没有按图自行填补。

repo: git@github.com:TeilyMa/TeilyMa.github.io.git中的用户名换成自己的用户名git@github.com:自己的用户名/自己的用户名.github.io.git。分支写master(主分支)

部署到Github

这些做完之后就可以部署HEXO到Github了

输入

1
2
3
hexo clean					#清空静态页面
hexo generate #生成静态页面
hexo deploy #部署

我们这里发现问题 说没有找到 git.原因是需要安装一个插件:

npm install hexo-deployer-git --save

这回再运行

可以发现成功了。输入地址就可以访问自己的博客了http://自己的用户名.github.io

文章作者: Teily
文章链接: https://teily.cn/article/Github-blog.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 TeilyMa's Blog