Blog 改用 Hexo

前言

其實使用了Octopress一陣子，就感覺在產生靜態檔案有點慢，也不曉得是不是在 windows 上的關係，加上之前就有在考慮是否使用Hexo了，就決定轉換使用[Heox]+Github。

安裝

要安裝Hexo，首先必須要安裝Node.js與Git，不太清楚的部分可以觀看官方的文件，這兩者都安裝完畢再執行以下命令

# 安裝 hexo command line interface
npm install hexo-cli -g
## hexo 初始化並建立資料夾 blog(這名稱請自由更換)
hexo init blog
# 進入 blog 資料夾，並安裝 npm 套件
cd blog
npm install
# 啟動 hexo 伺服器，在本機端檢查網站(預設為:http://localhost:4000)
hexo server

這樣就算安裝完成了。

資料轉移

我原本是使用Octopress，現在要轉到Hexo上，需要將 Octopress 安裝資料夾的source/_posts這內中的檔案，全部複製一份到Hexo的安裝資料夾下source/_posts的位置，其他方式的移轉可以參考官方文件。

佈署

Hexo 的佈署需要另外安裝 npm 的套件

佈署類型	套件安裝名稱
Git	hexo-deployer-git
Heroku	hexo-deployer-heroku
Rsync	hexo-deployer-rsync
OpenShift	hexo-deployer-openshift
FTPSync	hexo-deployer-ftpsync

我是使用 git，所以使用以下指令進行安裝

1	npm install 套件安裝名稱 --save

附上我的package.json

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
    "version": "3.1.1"
  },
  "dependencies": {
    "hexo": "^3.1.0",
    "hexo-deployer-git": "0.0.4",
    "hexo-generator-archive": "^0.1.2",
    "hexo-generator-category": "^0.1.2",
    "hexo-generator-feed": "1.0.3",
    "hexo-generator-index": "^0.1.2",
    "hexo-generator-sitemap": "1.0.1",
    "hexo-generator-tag": "^0.1.1",
    "hexo-renderer-ejs": "^0.1.0",
    "hexo-renderer-marked": "^0.2.4",
    "hexo-renderer-stylus": "^0.3.0",
    "hexo-server": "^0.1.2"
  }
}

接著在 Hexo 目錄的_config.yml進行設定(不是 themes 裡面的_config.yml)，找到 deploy 這行，進行如下設定，repo 更改為自己的位址，message 可以自己自定一下。

佈署link

deploy:
  type: git ##部署類型 其他類型自行google之
  repo: git@github.com:shunnien/shunnien.github.io.git ##git位址  
  branch: ##git 頁面分支
  message: Site updated at {{ now("YYYY-MM-DD HH:mm:ss") }} ##git message建議默認字段update 可以自定義

這樣設定就都完成了，直接使用指令佈署到 Github 上

hexo d

最後把原始碼加入到版控上，先在 Hexo 資料夾下建立新分支(hexo 安裝的資料夾下)

# 建立 git repo
git init
# 加入 Github 位址
git remote add origin 你的Github位址
# 建立沒有 parent 的分支
git checkout --orphan 新分支名稱
# 加入檔案
git add .
# 寫入註解
git commit -m "chang to hexo"
# 將檔案推送到 github 上
git push orgin 新分支名稱

參考資料

Hexo