HEXO 怎麼安裝?怎麼換主題?

HEXO 怎麼安裝?怎麼換主題?

終於架好部落格了!!!

第一篇就要來記錄安裝 HEXO 的過程


因為報名參加六角舉辦的鼠年鐵人賽寫文馬拉松活動,每個禮拜都會在 Medium 上更新文章。後來看到許多參賽者都是自己架一個部落格寫技術文,也讓我躍躍欲試!所以我就開始摸索 HEXO 部落格架站!!

話不多說,趕快進入正題!



做 HEXO 部落格架站之前需要先安裝兩個工具!

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

安裝 Hexo

1
npm install -g hexo-cli

PC 建議使用 CMD ,我用 powershell 的時候出現很多問題…

開一個 Hexo 資料夾

1
hexo init xxx

這邊的 xxx 代表你要用的部落格資料夾名稱

移到建立部落格的那個資料夾

1
cd 資料夾

看資料夾內容

1
dir

生成 Hexo 產生靜態檔案

1
hexo g

打開 Hexo Server

1
hexo s

新增文章

1
hexo new "文章標題"

然後你就可以直接到 資料夾/source /_posts /文章標題.md 中的檔案做文章編輯。

編輯文章之後要記得再啟動 Hexo 以及打開 Hexo Server

新增草稿

1
hexo new draft "文章標題"

生成頁面

1
hexo new page "page title"

怎麼換主題?

由於 HEXO 官方搭配的 landscape 主題我不喜歡,所以就決定換一個順眼的!

HEXO 提供多款主題,大家可以選擇喜歡的下載來用喔!

附上主題官網

我自己用的主題是 icarus 這款,所以下面的範例也會套用 icarus 主題。

要換主題其實非常簡單,在終端機複製貼上這行

1
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus

下載好主題後,一定要回到資料夾的 _config.yml 這個檔案修改主題名稱,把 theme: landscape 改成 theme: icarus



然後,hexo s 打開 server 查看。

但是我在這個流程跑出錯誤訊息,爬文後發現 icarus 這款主題好像蠻多人有這個問題的。

1
2
ERROR Package cheerio is not installed.
ERROR Please install the missing dependencies from the root directory of your Hexo site.

解決方式就是 npm i cheerio -S

安裝後就可以再一次 hexo ghexo s

美麗的主題畫面就會跑出來囉~



(圖片是我在編輯這篇文章才截圖的 XDDD)


下一篇要分享「如何把 HEXO 部落格部屬到 Github pages 上面 ?」

ps. 途中遇到很多問題,最後終於搞定了 = = (血淚史!)