How to Build a Blog in Hexo - Quick Start

Posted on | Edited on | In ,

為什麼會想用 Hexo 呢？

某天在查有關 Java 的 Singleton 的資料，看到了這個篇文章 - 如何正确地写出单例模式 的部落格，網頁的最下方(footer)看到了一些資訊




點進去後才知道原來還可以用 Markdown 來寫 Blog，事後回想，都可以用 Markdown 寫書、筆記，那用來寫文章又有何不可呢？

然而，因為之前有在 Blogger 寫文章，但寫文章的速度沒有像使用 Markdown 的快速，而且最近都是用 Markdown 在做筆記，完成後先將筆記放在 Evernote，若將來要分享在 Blog 上也可以很迅速的 Copy & Past，二來可以也不用擔心格式不一樣。

Preparation

Notice! This article is for Mac OS X and Hexo 3.x.

Install Git

根據官方文件 - 安裝 Git 所述：

Mac：使用 Homebrew, MacPorts 或 安裝程式 安裝。

安裝 Git

1
$ brew install git

Install Node.js

根據官方文件 - 安裝 Node.js 所述：

安裝 Node.js 的最佳方式是透過 nvm。

這篇文章有解釋為何最佳：如何在 Mac OSX Lion 上設定 node.js 的開發環境

這裡還是用 Homebrew 來安裝 Node.js

1
2
$ brew update
$ brew install node

Build up Hexo

Install Hexo

將所有該裝的軟體都安裝完畢後，我們透過 npm 來安裝 hexo。

1
$ npm install -g hexo-cli

Assign Folder to Hexo

透過 npm 安裝 hexo 後，我們指定一個資料夾給 hexo。

1
2
3
$ hexo init blog  // 這邊 blog 代表資料夾
$ cd blog         // 這邊 blog 代表資料夾
$ npm install     // 安裝 hexo 執行時候會用到的一些必要的元件

Testing Hexo

在指定好資料夾給 hexo 後，我們可以先測試看看到底長怎樣

1
$ sudo hexo server


Few Tips

  • 如果遇到權限不足的時候就加個sudo，就能解決了
  • Notice ! 我們啟動的時候必須要在我們 init 的路徑下開啟 hexo 服務，不然它會找不到啟動服務的檔案。

See also