設定HEXO部落格

基本的環境已經裝好了, 就來玩些別的吧
像是 NexT 其實有提供了四種樣式稱之為 scheme

  • Muse (default)
  • Mist
  • Pisces
  • Gemini

我想要把 Muse 改為 Gemini, 就必須來處理設定檔的部分

Config

HEXO 的 config 很單純就是 _config.yml 這邊去看文件就很清楚了

NexT 的 config 就比較複雜了, 可以有以下三種, 選擇其中一種配置就好了

  1. themes/next/_config.yml
  2. theme_confg in _config.yml
  3. source/_data/next.yml

除了第一種變更設定後不需要重開 server 其他都要重開
第一種沒辦法把設定存在我主要的 repo 裡面
第二種會把 HEXO 跟 NexT 的設定混在一起, 不是很喜歡
所以我用第三種

1
2
3
mkdir -p source/_data
cp themes/next/_config.yml source/_data/next.yml
# `next.yml` 裡面 override 要改為 true

決定好 NexT 設定檔的方式後
打開 next.yml 後並修改裡面的 schemes
Muse 用 # 註解起來, 並移除 Gemini 的 #

接著重啟 server 就可以看到不一樣的樣式囉

Plugins

HEXO 的 plugin 基本上就是 npm package
所以只要 npm install [package_name] 或者是 yarn add [package_name] 就可以裝好了

但是 NexT 的就要用 git clone [repo] 的方式到 themes/next 下並且變更設定才可以
這邊直接照著官網操作就可以了
https://theme-next.org/docs/third-party-services/external-libraries#Backgroud-JS

但是因為用 clone 的方式之後發佈到 pages 上的時候會沒有裝到
所以我是把指令都寫道 shell script 裡
到時候跑 CI 的時候再執行 setup.sh 去安裝就可以了

1
2
3
4
5
6
#!/bin/sh
git clone https://github.com/theme-next/hexo-theme-next themes/next

cd themes/next
git clone https://github.com/theme-next/theme-next-pjax source/lib/pjax
...

Reference