Hexo整合GitHub Pages

什麼是hexo

  Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

  Hexo 是一個快速、簡潔且高效的部落格架構。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒内，即可利用靓麗的主題生成靜态網頁。

準備Node，Git環境

1. 到Node官網下載下傳安裝包。Windows系統下的安裝也很簡單，下載下傳最新版本的msi安裝包，運作後一路點選

   Next

   就行，預設node會自動添加Path環境變量中，安裝完後按

   Windows視窗鍵+R

   ，

   cmd

   打開指令提示符界面，用node -v測試即可（PS：使用如下指令可更改為國内 淘寶的NPM鏡像源 ：

   npm install -g cnpm --registry=https://registry.npm.taobao.org

   ， 這樣以後就可以使用 cnpm 指令來安裝第三方子產品：cnpm install <module_name>）
2. 安裝Git，配置Git環境，具體操作過程這裡就不在示範了，安裝完了可以用指令

   git --version

   來測試

安裝hexo

1. cnpm install hexo -g

   ，開始安裝hexo

2. hexo -v

   ，用于檢查hexo是否安裝成功

hexo -v

1. 建立空檔案夾，在目前檔案夾中輸入

   hexo init

   進行初始化，最後輸出的一句是：“Start blogging with Hexo！”

2. cnpm install

   ，安裝相關依賴的元件
3. 輸入

   hexo g

   （等價于

   hexo generate

   ），開始生成Hexo

4. hexo s

   hexo server

   ），開啟本地服務，預設為4000端口。端口占用的情況下，指令

   hexo server -p {port}

   可改變監聽端口号
5. 關聯GitHub Page所在的倉庫。在目前檔案夾下，找到

   _config.yml

   檔案，修改repository

repository

1. 建立文章，執行指令：

   hexo new post “my first blog”

   ，可以在_posts檔案夾下看到新建立的

   my first blog.md

   檔案
2. 安裝擴充：

   cnpm install hexo-deployer-git --save

3. 編輯好Markdown文章後，使用指令：

   hexo d -g

   ，快速生成和部署遠端倉庫
4. 部署成功後通路：https://{username} .github.io . 即可檢視生成後的文章

關聯域名

1. 在source檔案夾下建立名為CNAME的檔案，輸入域名，如：blog.mariojd.cn
2. 使用指令

   hexo d -g

   部署到遠端倉庫
3. 到域名提供商那裡添加相應的域名解析

主機記錄	記錄類型	記錄值
blog	CNAME	happyjared.github.io.

參考連結

Hexo官網 Hexo文檔 Node官網 Git官網