OS X 下使用 Coding Pages 和 Hexo 搭建靜态部落格

1.安裝 Git、Node.js

可以檢視Git版本

可以檢視node.js版本

2.安裝 Hexo

利用npm指令安裝，再OS上需要用到權限是以要用到

sudo

sudo npm install -g hexo
           

3.在本地建立部落格

安裝完成後，在合适的地方建立一個目錄來存放部落格，在該目錄下使用終端指令，來生成部落格需要的檔案

hexo init
           

接着安裝需要的依賴

sudo npm install
           

4.安裝元件

使用以下指令來檢查卻什麼元件，該指令并不是一個完整的指令

hexo
           

缺少什麼就安裝什麼，以server為例

sudo npm install hexo-server --save
           

5.本地效果預覽

在部落格所在目錄，執行以下指令生成靜态部落格頁面，啟動本地伺服器

hexo generate  # 縮寫：hexo g 
hexo server      # 縮寫：hexo s
           

浏覽器通路http://localhost:4000/即可預覽

6.建立Coding Pages

參照官方指南建立靜态Pages CodingPages官方指南

7.部署到Coding Pages

修改本地部落格目錄下的

_config.yml

檔案，推薦使用

Sublime

，修改以下幾個參數

deploy:
type: git               #部署方式，使用：Coding的Git
repo: <repository url>  #倉庫位址，
branch: [branch]        #分支名，一般寫master
           

安裝deployer元件

sudo npm install hexo-deployer-git --save
           

依次執行清理指令、生成指令、部署指令

hexo clean # 清理
hexo g       # 生成
hexo d       # 部署
           

8.預覽

在Coding建立完Pages後，會提供一個

{user_name}.coding.me

,

我的是 http://y1shichanganluan.coding.me/

9.待補充