Hexo Theme -- NexT 進階配置

本文章使用的 Hexo Theme NexT 版本為 v7.8.0。

如何查看 NexT 版本

可以在 themes/next 內的 package.json 查看

修改 NexT 的 _config.yml 之前

為了將來 NexT 更新時可以直接 git pull ，NexT 官方並不推薦直接修改 NexT/_config.yml。
詳細步驟如下(官方文件):

請先確定 Hexo 版本 > 5.0.0
在根目錄創建 _config.next.yml 檔案
將 theme/next/_config.yml 的資料複製到 _config.next.yml
更改根目錄的 _config.next.yml 的資料來修改 NexT 的樣式

修改 NexT 樣式

以下只需修改 _config.next.yml 即可修改 Next 的樣式或功能

更改主題風格

有四種:

Muse - 預設風格
Mist → A tighter version of Muse with a tidy single-column view.
Pisces → Double-column Scheme, fresh like your neighbor’s daughter.
Gemini → Looks like Pisces, but have distinct column blocks with shadow to appear more sensitive to view.

初始的 Next 只有 home 和 archives，ctrl + f 找到 menu 欄位並打開註解即可。

Categories & tags 頁面

只有打開 menu 的 categories 和 tags 並不會自動產生頁面，步驟如下:

Categories:
1. 新增 catagories 頁面:
  1
  hexo new page categories
2. 將 source/categories/inex.md 設定成以下的樣子(date 不用更動):
  1
  2
  3
  4
  5
  ---
  title: categories
  date: 2021-01-10 17:09:20
  type: "categories"
  ---

tags:

新增 tags 頁面:
1
hexo new page tags

設定 source/tags/inex.md :

---
title: tags
date: 2021-01-10 17:09:50
type: "tags"
---

撰寫文章時增加分類(categories) 和標籤(tags):
結果

回到頂部按鈕

back2top 的 enable 為 true， scrollpercent 為 true 顯示百分比

底部 tag 設定 icon

tag_icon 設定為 true 設定比較好看的 tag 標籤

badges 改為 true

側邊攔文章目錄預設展開

toc 的 expand_all 設定為 true

Next 外掛套件

以下都須先使用 npm 安裝套件再進行 config 的設定

搜索功能

安裝套件

1	npm install hexo-generator-searchdb --save

設定 local_search
設定 local_search: enable 為 true

評論功能 – utterances

由於 utterances 是一個 GitHub Apps，比起 gitalk 基於 OAuth Apps 來說，在授權所需要給予的權限相對小，且 utterances 可以將授權限制於單一 repository (圖左 utterances、圖右 gitalk)。

先到這裡進行授權和安裝

安裝 npm 套件

1	npm install --save theme-next/hexo-next-utteranc

設定 config (記得是專案跟目錄的 _config.next.yml)

# Demo: https://utteranc.es/  http://trumandu.github.io/about/
utteranc:
enable: false
repo: #Github repo such as :TrumanDu/comments
pathname: pathname
# theme: github-light,github-dark,github-dark-orange
theme: github-light
cdn: https://utteranc.es/client.js
# If you want to modify priority, please config in **hexo**
#priority:

基本上只要修改 repo 這一項即可 (EX: 我的 repository 為 frank-fn10502/frank-fn10502.github.io

Frank's Doc