需要的环境
- git
- node
- hexo
- NexT
搭建步骤
1. 安装 git、node 环境
1. Mac 自带 git 环境
2. 直接 node.js 官网下载安装包 // hexo 是基于 node.js 的
2. 安装Hexo
$ mkdir hexoBlog
$ npm install hexo-cli -g // npm 是 node.js 的包管理工具
3. 初始化Hexo
$ mkdir blog
$ cd blog
$ hexo init
4. 生成静态网站
$ hexo g // Generat
5. 本地启动测试
$ hexo s // server，打开(http://localhost:4000)进行本地测试
6. 创建GitHub仓库
仓库名称：xxx.github.io // xxx是GitHub账户名称
7. 配置Hexo
打开根目录的_config.yml文件，如下配置：
deploy:
type: git
repository: https://github.com/xxx/xxx.github.io.git
branch: master
8. 安装git部署工具
$ npm install hexo-deployer-git --save
9. 部署到GitHub
$ hexo d // 可以访问(xxx.github.io)测试部署结果
10. 绑定域名
- 在根目录下的
source文件夹内创建CNAME文件，在文件内写上要绑定的域名。 - 给域名添加如下2个解析：
主机记录： 记录类型： CNAME 记录值：xxx.github.io TTL： 300s
主机记录：www 记录类型： CNAME 记录值：xxx.github.io TTL： 300s
- 生成静态网站并部署即可
$ hexo g
$ hexo d
11. 安装NexT
- 安装
官方安装文档
$ npm install hexo-theme-next
- 启用
打开根目录的_config.yml文件，如下配置：
$ theme: next
- 本地测试
$ hexo s -debug
- 部署
$ hexo g
$ hexo d
- Tips
切换主题之后验证之前可以清除hexo缓存：$ hexo clean，或者清除浏览器缓存。
12. 发布文章
$ hexo new [layout] "post-name"
$ hexo g // 生成静态文件。
$ hexo s // 在本地预览效果。
$ hexo d // 同步到github。
我的博客地址
欢迎访问：zynlo
