整体思路
准备工作
注册一个github账号
github官网:https://github.com/
搭建node环境
标题太专业,其实就是装个软件,node官网
下载好之后,直接安装,一直点击下一步就OK
安装hexo
hexo官网: http://hexo.io/
安装命令:1
$ npm install hexo -g
note
说明:安装可能需要sudo权限
创建github项目
创建一个名字为 用户名.github.io
的项目
note
用户名是github用户名,比如我的用户名是CocaCola183,那么我的仓库名就是CocaCola183.github.io
这里需要注意,如果创建的项目名出错,会直接影响到部署,创建的时候用户名一定要写对,而且是区分大小写的
如果是首次使用,可能还需要添加ssh key,详情点击这里
初始化hexo博客
初始化命令:
1 | $ hexo init blog |
note
这里记得一定要先执行npm install,否则执行hexo server时,localhost:4000出现的是一堆代码
修改配置文件
1 | $ cd blog |
编辑_config.yml文件,找到 Deployment,对其进行修改如下:
- repository 项目地址
- type 类型(不是很明白,但是教程博客都写的这里要写github)
- branch github默认分支
note
注意repository 要写github项目地址,最好是写ssh地址,写http地址在以后部署的时候会出提示输入github用户名和密码,很麻烦
配置文件的写法要求很严格,切记冒号后面一定要加上一个空格,否则会出现格式错误导致配置失败
hexo 3.0之后的版本,type 都要改写为 git
部署
在部署之前,可以先执行
1 | $ cd blog |
然后在浏览器地址栏里输入 localhost:4000,回车,就可以看到效果了
没有问题之后,执行
1 | $ hexo d |
然后在浏览器地址栏输入 用户名.github.io
,就能看到新鲜出炉的博客了
note
这里github有个坑,不细心的同学可能会跳(我就是),首次配置好github个人blog之后可能需要十分钟之后才能看到,我记得自己第一次配置的时候刚开始是404,一直找不到错误,后来看了下项目的setting,里面写的有一句英文提示,才恍然大悟