付費限定文章

免費部落格架站教學(2) Hexo套版

前言

前一篇提供GitHub作為部落格的相關架設與設定教學，這篇主要是接著GitHub Pages初步架設後，用Hexo做Blog套版與匯入相關設定，使GitHub Pages 的畫面與功能有Blog的樣子

為什麼要用Hexo?

像支援GitHub Pages這種靜態網站框架(Jekyll、Hugo…)很多，

但既然是教學使用較多人用的框架做範例，中間遇到的坑會相對比較少。

幾個用Hexo的好處:

1. 學習成本低，中文資源完善

2. 支援 MarkDown 格式撰寫

3. 支援一鍵部署到 GitHub Pages

4. 豐富的色彩主題與外掛

當然以上好處也是需要使用過後，開始比較才能體現出的優點，很多經驗都是比較出來的

安裝所需工具

• Node.js
  由於Hexo是使用 Node.js編寫，因此需要 Node.js 環境若電腦上沒有的需要安裝 Node.js 喔！
• Git
  在本地Blog有文章要增修改動設定的異動若要同步到Blog需要安裝Git才能與GitHub Pages同步
• Visual Studio Code (vs code)
  在本地Blog做編輯時需要一款好的編輯器，Vs Code只是其中一種若本來就有擅用的文字編輯器此工具可忽略

安裝設定

1. 安裝Hexo

打開CMD輸入以下指令就會在本地安裝Hexo建置工具

$ npm install -g hexo-cli

2. 初始化 Hexo

這裡以兩種狀況分成兩種做法：

• 沒有準備資料夾 : 新建資料夾+初始化