Hexo Url優化(SEO)

發表於 2019-05-17 更新於 2022-01-29 分類於 Hexo

Google AD

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

Liker 讚賞

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

由於 Hexo 本身 Url 的 SEO 狀況並不是設計非常漂亮，因為在 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 設置

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

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

Category 調整

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

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 下方有解釋四種生成方式。

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

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