前言
前一篇提供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
這裡以兩種狀況分成兩種做法:
- 沒有準備資料夾 : 新建資料夾+初始化