Next 客製功能及樣板編輯筆記

pjax 安裝

究竟什麼是 pjax 呢？簡單來說，pjax 實現了 URL 改變但不重新整理整個頁面，也就是只有局部的頁面會更新，不會讓整個頁面重新閃動（重新整理）。那這個功能有什麼特色呢？最重要的就是原本左下角的音樂播放器遇到切換頁面，就會停掉然後重新載入；但使用 pjax 後就能解決這個問題。

要啟用 pjax，首先到 /themes/next/_config.yml，修改 pjax: true：

1
2
3

# Easily enable fast Ajax navigation on your website.
# Dependencies: https://github.com/theme-next/theme-next-pjax
pjax: true

根據 官方教學，需要輸入以下指令來載入必要檔案：（cmd 在 Hexo 資料夾根目錄下）

1

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

看似沒什麼的功能，其實在切換頁面的時候，就不會整個 refresh 了唷！重點是音樂還能不中斷播放！

寫作

我們要在網誌中建立第一篇新文章，您可以直接從現有的範例文章「Hello World」改寫，但我們更建議您學習 new 指令。

1

$ hexo new [layout] <title>

您可以在指令中指定文章的佈局（ulayot），

[layout] 預設為 post，您可以透過修改 _config.yml 中的 default_layout 設定來指定預設佈局。

佈局（Layout）

Hexo 有三種預設佈局：post、page 和 draft，它們分別對應不同的路徑，而您所自定的其他佈局和 post 相同，都儲存至 source/_posts 資料夾。

優化URL

Hexo 默認文章鏈接生成規則是按照年、月、日、標題來生成的。

• 一旦文章標題或者發佈時間被修改，URL 就會發生變化，之前文章地址也會變成 404，而且
• URL 層級很深，不利於分享和搜索引擎收錄。
• 如果文章標題中有中文，URL 被轉碼後會很長，中文強制被轉碼成十六進制編碼，又臭又長。

接下來介紹一個插件 hexo-abbrlink，該插件會為每篇生成一個唯一字符串，並不受文章標題和發佈時間的影響。

優化步驟如下：

安裝hexo-abbrlink插件

1

npm install hexo-abbrlink --save