Hexo+github+NexT > 更漂亮的博客

需要的环境

• git
• node
• hexo
• NexT

搭建步骤

1. 安装 git、node 环境

1. Mac 自带 git 环境
2. 直接 node.js 官网下载安装包 // hexo 是基于 node.js 的

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