前言

習慣自己寫Blog的朋友一定不會陌生wordpress，或許也曾在新浪博客和QQ空間留過腳印，但靜心認真思考一下，似乎我們又總是向往更加簡單自由的寫作方式。GitHub給我們提供了一個無限的空間，我們需要珍惜使用，而Hexo的出現從某種意義上來說代替了Jekyll，讓我們可以更專注于寫作本身。本文主要介紹自己的實踐心得并不斷完善內容，衍生知識和原理推薦大家認真閱讀官網的手冊，其它推薦參考內容鏈接在文中也會標注出來。

喜歡寫Blog的人，會經歷三個階段：

第一階段，剛接觸Blog，覺得很新鮮，試著選擇一個免費空間來寫。

第二階段，發現免費空間限制太多，就自己購買域名和空間，搭建獨立博客。

第三階段，覺得獨立博客的管理太麻煩，最好在保留控制權的前提下，讓別人來管，自己只負責寫文章。

更新歷史

2015年09月03日 - 完善Windows 10安裝Hexo中的細節

2015年03月22日 - 更新Windows下Hexo 3.0安裝和升級，感謝@機智的阿卡林醬

2015年03月10日 - 增加Hexo 3.0降級 2.8

2014年12月19日 - 完善內容

2014年12月09日 - 更新Hexo配置修改部分

2014年06月19日 - 更新全部基礎架構，待完善配置修改部分

2014年06月17日 - 更新部分Hexo建站過程，待完善

2014年05月29日 - 撰寫初稿

擴展閱讀

Hexo Docs - http://hexo.io/docs/

HelloDog Index - http://wsgzao.github.io/index/#Hexo

準備工作

注意 本文主要針對Windows平臺和Hexo 3.x

了解Hexo

A fast, simple & powerful blog framework

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。

hexo.io

安裝GIT

GitHub Windows

簡單可依賴，安裝完成后依據提示操作即可，So Easy

安裝Node.JS

Node.JS

注意 安裝完成后添加Path環境變量，使npm命令生效。新版已經會自動配置Path

1. ;C:/Program Files/nodejs/node_modules/npm

安裝Hexo

配置好GitHub家目錄后，雙擊桌面上的Git Shell，輸入npm命令即可安裝

1. npm install hexo-cli -g
2. npm install hexo --save
3. #如果命令無法運行，可以嘗試更換taobao的npm源
4. npm install -g cnpm --registry=https://registry.npm.taobao.org

Hexo初始化配置

創建Hexo文件夾

安裝完成后，根據自己喜好建立目錄（如E:/kuaipan/GitHub/hexo），進入Git Shell切換到該路徑下E:/kuaipan/GitHub/hexo執行以下指令

• hexo init
• #安裝 Hexo 完成后，請執行下列命令，Hexo 將會在指定文件夾中新建所需要的文件。
• $ hexo init
• $ cd
• $ npm install
• #新建完成后，指定文件夾的目錄如下
• .
• ├── _config.yml
• ├── package.json
• ├── scaffolds
• ├── scripts
• ├── source
• | ├── _drafts
• | └── _posts
• └── themes

安裝Hexo插件

1. npm install hexo-generator-index --save
2. npm install hexo-generator-archive --save
3. npm install hexo-generator-category --save
4. npm install hexo-generator-tag --save
5. npm install hexo-server --save
6. npm install hexo-deployer-git --save
7. npm install hexo-deployer-heroku --save
8. npm install hexo-deployer-rsync --save
9. npm install hexo-deployer-openshift --save
10. npm install hexo-renderer-marked@0.2 --save
11. npm install hexo-renderer-stylus@0.2 --save
12. npm install hexo-generator-feed@1 --save
13. npm install hexo-generator-sitemap@1 --save

本地查看效果

繼續執行以下命令，成功后可登錄localhost:4000查看效果

1. hexo server

Hexo 簡寫命令

1. hexo n #new
2. hexo g #generate
3. hexo s #server

部署靜態網頁到GitHub

注冊設置GitHub

1. 登錄GitHub，注冊自定義用戶名如wsgzao
2. 在主頁右下角創建New repository，name必須和用戶名一致如wsgzao.github.io
3. 首次創建耐心等待10分鐘左右審核，之后即可訪問靜態主頁如http://wsgzao.github.io

同步內容至GitHub

1. 下載GitHub Windows
2. 設置Local path如E:/快盤/GitHub/
3. 運行Git Shell切換到如E:/快盤/GitHub/hexo路徑下
4. 執行hexo g命令生成public文件夾
5. 把生成的內容全部拷貝到Local path或其子目錄
6. 運行GitHub確認修改信息后執行右上角的Sync同步
7. 最后訪問主頁觀察效果

https://pages.github.com/

域名和DNS

域名推薦

GoDaddy makes registering Domain Names fast, simple, and affordable.

【推薦理由】兩個字“靠譜”，支持支付寶，附優惠碼鏈接

http://www.godaddy.com/

http://www.gdcodecoupon.com/

DNS推薦

致力于為您提供最穩定、最安全的域名解析服務

【推薦理由】依然是兩個字“靠譜”，感謝他們一直以來對于公益的堅持

https://www.dnspod.cn/

設置CNAME

1. 在Github的網站目錄下創建CNAME文件
2. 填寫自己的域名如hellodog.com，保存結束
3. 登錄DNSPod，先添加域名，然后添加記錄，設置如下