1.hexo介紹

看到同學使用github+hexo搭建了屬於自己的部落格，眼饞，弄了好久了，感覺有點眼高手低了，一直沒來得及寫一下自己搭建的流程，心血來潮，下邊來簡單介紹下搭建流程，也方便自己以後review，也可以和大家共享交流技術問題。

Hexo是一個基於node.js快速，簡介且高效的部落格框架，可以將Markdown檔案快速的生成靜態網頁，託管到github pages上。–《摘自Judas的hexo部落格》

2.搭建前準備

所需軟體

• 執行 Git-2.7.0.2-64-bit.exe，安裝完成後，驗證git安裝是否成功：

git --version
 

若出現git的版本號級表示安裝成功，即

git version 2.7.0.windows.2

• 執行 node-v5.7.0-x64.msi，安裝完成後，驗證node.js是否安裝成功，在git bash中執行：

npm -v

若出現版本號，即代表成功，如：

1.4.3

3.安裝hexo

• 可以先建立一個資料夾，命名隨自己，這裡假設命名為hexo，
  在hexo目錄下，開啟git bash，執行：

npm install -g hexo  //安裝hexo

• 安裝成功，繼續執行命令進行hexo初始化：

hexo init            //hexo初始化
 

網速決定你的等待時間，可能需要幾分鐘，成功後會在hexo目錄下生成相關目錄。
- 現在，我們就可以啟動hexo本地服務，命令：

hexo s

注意（踩過的坑）：

ERROR Local hexo not found in E:\GitHub\hexo

出現這個錯誤的原因可能是：仔細觀察是hexo的生成目錄中缺少了node_modules資料夾，所以這個資料夾沒有更新上去，可以繼續在git bash中執行:

npm install

重新安裝以後，繼續執行：hexo s 即可。

現在可以使用瀏覽器訪問：http://localhost:4000/。
-在git bash中按Ctrl+C即可停止hexo服務。
現在，我們便完成了靜態部落格的搭建。

### 4.書寫blog文章
可以在git bash中使用命令來新建檔案

hexo new "newBlog"    //新建文章

然後來寫文章內容，但是這樣過於麻煩，因為hexo 部落格是支援markdown語法格式的，我們可以使用相關的編輯器編寫好md文件後，將其放在hexo目錄下的\source_posts資料夾下，此資料夾下已經有了一個hello-world.md檔案。然後我們執行：

hexo g          //生成靜態頁面

重新生成一下靜態頁面，然後執行hexo s啟動服務。
通過http://localhost:4000/，可以訪問我們書寫了新文章的部落格了。

5.配置到GitHub

到這裡，我們只能通過自己啟動本地服務去訪問部落格，別人訪問不到我們的blog網站，下面介紹如何將hexo部署到github pages上，可實現任何人都可以訪問自己的blog文章。

• 首先，在github上建立一個特殊的倉庫，倉庫名稱為：

使用者名稱.github.io

然後在hexo目錄下找到_config.yml檔案，開啟在最後修改如下程式碼：

deploy:
  type: git
  repo: https://github.com/使用者名稱/使用者名稱.github.io.git
  branch: master

最後，在git bash中執行命令，提交到github：

hexo d

如果不出意外的話，在瀏覽器中可以通過http://使用者名稱.github.io/來訪問你的部落格了。

6.主題修改

git clone 主題地址

• 下載好主題後，同樣在hexo目錄下開啟配置檔案:_config.yml，把對應的主題目錄名改下：

theme: 主題名稱

• 更改好主題目錄名後

我們執行hexo g重新生成下靜態頁面，然後hexo s啟動本地服務，重新訪問：http://localhost:4000/，檢視新主題的效果。

• 確認無誤後，我們執行

hexo d

上傳到github，最後通過 使用者名稱.github.io訪問檢視最終效果。

7.hexo 相關命令

hexo new page"pageName"     新建頁面
cls                         清屏
hexo clean                  清理專案
hexo g(generate)            生成靜態頁面至public目錄
hexo s(server)              開啟預覽訪問埠
hexo d(deploy)              將.deploy目錄部署到GitHub
hexo help                   檢視幫助
hexo version                檢視Hexo的版本

8.繫結域名

注： 沒有合適的域名，暫時沒做，以後有機會再做。

9.更多

部落格網站的主題優化，外掛應用，部落格文章書寫技巧能相關內容敬請期待。。。