Hexo Url優化(SEO)

前言

由於 Hexo 本身 Url 的 SEO 狀況並不是設計非常漂亮,因為在 SEO 規範中文連結遠比英文連結差,所以這邊紀錄一下該如何使用。

本文撰寫環境

Hexo 版本

  • hexo: 3.8.0
  • hexo-cli: 2.0.0

NexT 版本

  • NexT: 7.1.0

URL

由於我們要針對文章 URL 優化所以要先安裝一個套件。

1
npm install hexo-abbrlink --save

安裝完畢後開啟主程式的 _config.yml,將 permalink 改成

1
permalink: :category/:year:month:day/:abbrlink/

圖片

然後在最末端加入一段 abbrlink 設置

1
2
3
4
# abbrlink config
abbrlink:
alg: crc32 # 演算法:crc16(default) and crc32
rep: dec # 進位制:dec(default) and hex

※注意以上動作還沒改完之前請不要執行 hexo s,否則你會 GG

Category 調整

將下來要修正 Category 的名稱,開啟系統 _config.yml,查詢 category_map,然後請依照你的分類左中文分號(:)右邊英文,以我的當例子就是這樣。

1
2
3
4
5
6
7
8
9
10
11
category_map:
Analytics: analytics
CSS3: css3
HTML: html
Hexo: hexo
JavaScript: javascript
Nodejs: node
SCS5: scss
Vue: vue
克服JS奇怪的部分系列: jsweirdworld
學習經驗: learnexp

圖片

※注意分類最好不要有空格,英文前後空格也不要有,否則可能會無法正常對應,例如

1
2
category_map:
- 克服 JS 奇怪的部分系列: jsweirdworld

這樣會無法正常對應的。

接下來就可以啟動 hexo s 看一下連結囉~

圖片

連結說明: 分類/日期/隨機產生的永久連結

而隨機產生的永久連結會存在 MD 的最前方,所以完全不用動手改文章。

圖片

補充一下 alg 及 rep

在套件的 GitHub 下方有解釋四種生成方式。

1
2
3
4
5
6
7
8
9
10
11
crc16 & hex
https://israynotarray.com//posts/66c8

crc16 & dec
https://israynotarray.com//posts/65535

crc32 & hex
https://israynotarray.com//posts/8ddf18fb

crc32 & dec
https://israynotarray.com//posts/1690090958

我個人推薦最後一個,文章連結可以比較多元化。

Liker 讚賞

這篇文章如果對你有幫助,你可以花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與牡蠣鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

Buy Me A Coffee Buy Me A Coffee

Google AD

撰寫一篇文章其實真的很花時間,如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話,我會非常感謝你 ヽ(・∀・)ノ