需要的環(huán)境

• git
• node
• hexo
• NexT

搭建步驟

1. 安裝 git、node 環(huán)境

1. Mac 自帶 git 環(huán)境
2. 直接 node.js 官網(wǎng)下載安裝包 // hexo 是基于 node.js 的

node.js 官網(wǎng)

2. 安裝Hexo

$ mkdir hexoBlog
$ npm install hexo-cli -g  // npm 是 node.js 的包管理工具

3. 初始化Hexo

$ mkdir blog
$ cd blog
$ hexo init 

4. 生成靜態(tài)網(wǎng)站

$ hexo g    // Generat

5. 本地啟動測試

$ hexo s    // server，打開(http://localhost:4000)進行本地測試

6. 創(chuàng)建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)測試部署結(jié)果

10. 綁定域名

• 在根目錄下的source文件夾內(nèi)創(chuàng)建CNAME文件，在文件內(nèi)寫上要綁定的域名。
• 給域名添加如下2個解析：

主機記錄：    記錄類型： CNAME    記錄值：xxx.github.io     TTL： 300s
主機記錄：www    記錄類型： CNAME    記錄值：xxx.github.io    TTL： 300s

• 生成靜態(tài)網(wǎng)站并部署即可

$ 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. 發(fā)布文章

$ hexo new [layout] "post-name"
$ hexo g    // 生成靜態(tài)文件。
$ hexo s    // 在本地預(yù)覽效果。
$ hexo d    // 同步到github。

我的博客地址

歡迎訪問：zynlo