(1) Hexo 部落格安裝

發表於 更新於
介紹如何安裝與使用 Hexo

什麼是 Hexo？

Hexo 是一個快速、簡單且強大的網誌框架。Hexo 使用 Markdown（或其他標記語言）解析您的文章，並在幾秒鐘內，透過漂亮的主題產生靜態檔案。

安裝需求

  • Node.js (Node.js 版本需不低於8.10，建議使用 Node.js 10.0 及以上版本)
  • Git

若您的電腦已經安裝上述的必備軟體，那麼恭喜您！只需要透過 npm 即可完成 Hexo 的安裝。

1
$ npm install -g hexo-cli

一旦 Hexo 完成後，請執行下列指令，Hexo 會在指定資料夾中建立所有您需要的檔案。

1
2
3
$ hexo init <folder>
$ cd <folder>
$ npm install

建立完成後，專案資料夾會有下列檔案：

1
2
3
4
5
6
7
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

資料夾配置說明

以下說明不同資料夾功能

scaffolds

scaffolds 資料夾裡放的是md範例檔案，當我們要寫新聞章時，可以將範例檔另存到source資料夾裡，來開始撰寫。

scaffolds圖片範例

source

source 資料夾是放置文章的地方。所有的檔案或是資料夾通常都會在這邊，開頭會加上 _(底線) 來命名，讓這些資料夾或是檔案也成為隱藏檔案而被忽略，除了 _posts 資料夾以外。Markdown 和 HTML 檔案會被發布並存放到 public 資料夾，而其他檔案沒有以底線命名的就會被拷貝過去。

source資料夾

themes

themes 資料夾放的是hexo的主題樣式，後續更換主題也是將檔案載到這個地方。

_config.yml

_config.yml 是網站的配置檔案（如下圖），網站的各種配置設定都在這邊，例如：網頁標題、網站描述、網站的網址、路徑等等，詳細內容可以參考： https://hexo.io/zh-tw/docs/configuration

大家可以自行修改看看，如下圖

config修改