Love, and to be Loved.

我愛你,你是自由的。

將Blog從Octopress遷移至Hexo

前言

之前均採用Octopress+GitHub框架來發布、管理Blog,但每次升級、重裝、切換操作系統的時候均需要對環境重新部署和調整,繁冗至極,於是,在比較了眾多Blog框架或技術之後,最終決定切換到Hexo+GitHub。
來自Hexo官網的介紹

超級快速

Node.js帶給您超級快的檔案產生速度,上百個檔案只需幾秒就能建立完成。

一鍵部署

您只需要一個指令就能把網站部署到 GitHub Pages, Heroku 或其他網站。

Markdown 支援

Hexo 支援所有 GitHub Flavored Markdown 的功能,您甚至能在 Hexo 使用大部份的 Octopress 外掛。

豐富的外掛

Hexo 有強大的外掛系統,您可安裝外掛讓 Hexo 支援 Jade, CoffeeScript。

一、安裝運行環境

安裝Git

通過下載Git OS X Installer安裝。

安裝Node.js

通過下載Node.js Installer安裝。

二、安裝主程序

完成了上述配置操作之後,我們來安裝Hexo主程序,打開終端,輸入:

安裝npm

因為我們已經安裝了Git,所以我們可以運行:

git clone http://github.com/isaacs/npm.git
cd npm
sudo make install

或者,運行:

curl http://npmjs.org/install.sh | sh

(可能需要用sudo sh代替sh)

然後再次嘗試安裝Hexo

運行:

sudo npm install --unsafe-perm --verbose -g hexo

三、Hexo初始化

單獨建立一個文件夾用來存放Hexo相關文件。

cd ~/Documents
mkdir hexo
hexo init

如果這個時候報錯無權限,則輸入:

sudo chown -R $USER:$GROUP ~/.npm
sudo chown -R $USER:$GROUP ~/.config

再重新建立hexo文件夾,並輸入

hexo init

這個時候會提示:

[info] You are almost done! Don't forget to run `npm install` before start blogging with Hexo!

根據提示輸入:

npm install hexo --no-optional
npm install

系統會自動把一些其他東西下載完。
這個時候輸入生成命令以及運行服務器命令:

hexo g #完整是hexo generate 生成靜態頁面
hexo s #完整是hexo server 運行本地服務器

在瀏覽器打開127.0.0.1:4000,便可以看到Hello World了!

四、在Github上發布

首先需要新建一個Repository,名稱為你的用戶名.github.io,然後獲取HTTPS clone URL,例如:

https://github.com/abc/abc.github.io.git

然後裝一個git發布插件,運行:

npm install hexo-deployer-git --save

安裝完成後在Hexo根目錄通過_config.yml對相關參數進行設置,在最後幾行:

deploy:
  type: git
  repo: https://github.com/abc/abc.github.io.git #這裏是你剛獲取的地址
branch: master

保存設置,撰寫新文章,然後生成頁面,最後發布頁面:

hexo new [layout] <title>
hexo g
hexo d #完整是hexo deploy 發布到遠程服務器

可以在指令中指定文章的佈局(layout),預設為 post,您可以透過修改 _config.yml 中的 default_layout 設定來指定預設佈局。根據提示輸入Github賬號和密碼(只在第一次時輸入),或者生成頁面和發布頁面用一條命令:

hexo d -g

此時再打開你的用戶名.github.io,一個可以供大家訪問的博客便建好了。

Hexo:快速、簡單且強大的網誌框架