2021-03-02

Hexo 套件推薦

本篇紀錄 Hexo 的套件，基本上都是我目前有在用的，有些則是跟搜尋引擎優化 SEO 有相關的非裝不可，

發布上傳 GitHub 必備

1	npm install hexo-deployer-git --save

https://www.npmjs.com/package/hexo-deployer-git

另外有其他部署方式，例如：
Heroku：hexo-deployer-heroku
Rsync：hexo-deployer-rsync
OpenShift：hexo-deployer-openshift
FTPSync：hexo-deployer-ftpsync

外部連結 nofollow

基本上我們是希望 Google 爬蟲不要爬去外部連結，否則可能爬一爬就再也回不來繼續爬你的網站了，所以會在外部連結加上 rel="nofollow 的屬性，告訴 Google 爬蟲不要跟蹤這連結。rel="external nofollow" 是進一步告訴 Google 爬蟲這是一個外部連結，不要跟蹤它。
原本 hexo-autonofollow 這個套件已經很久沒維護了，上一次更新時間是 2016 年，而且 hexo-autonofollow 這個套件的相依性很多，所以還會另外裝一堆相依套件，如果你已經裝 hexo-autonofollow 套件的，可以透過下列指令移除，

1	npm uninstall hexo-autonofollow

這邊推薦的是 hexo-filter-nofollow 這個套件，這套件跟上面差不多，但是設定上多了一個參數可以設定，另外完全沒有相依套件，目前已成為 Hexo 官方套件，
會在所有外部連結上加 rel="noopener external nofollow noreferrer" 的屬性，

1	npm install hexo-filter-nofollow --save

https://www.npmjs.com/package/hexo-filter-nofollow

nofollow:
  enable: true
  field: site
  exclude: # 不加上 nofollow 的連結放在這邊
    - 'exclude1.com'
    - 'exclude2.com'

詳細內容可參考這篇
後來還有一個很厲害的 hexo-filter-nofollow-with-goto，包含以上功能外，還有一個 goto 功能，讓外站連結可以加上 prefix 轉換成內部連結，
https://www.npmjs.com/package/hexo-filter-nofollow-with-goto

301重新導向的替代方案

要改網頁網址通常會需要 301 轉址，是對頁面權重傷害最低的方式，但是如果你沒有網站的主機權限是沒法作這種設定的，由於我的網站放在 github page 上，所以只能另找其他方案，另外一種方式就是使用 canonical link，

1	<link rel="canonical" href="標準網址"/>

大概意思就是宣稱你原本的頁面跟新頁面內容重複，在這邊設定新頁面才是標準網址，原本網址則會被視為「重複」網址，檢索頻率會比較低。日子久了權重就會轉去新頁面上。需要的話安裝 hexo-generator-alias 這個套件，

1	npm install hexo-generator-alias --save

https://www.npmjs.com/package/hexo-generator-alias

文章置頂

如果有文章需要置頂的話可以安裝 hexo-generator-index-pin-top 這個套件，

1	npm install hexo-generator-index-pin-top --save

https://www.npmjs.com/package/hexo-generator-index-pin-top

在需要置頂的文章的 Front-matter 中加上 top: true 即可。

---
title: 'Hexo 套件推薦'
categories: []
tags:
  - Hexo
toc: false
date: 2021-03-02 22:00:00
top: true
---

如果有多篇置頂的文章，則會按時間排序，

設定置頂的圖示，可以參考這篇

短網址

有機會試試看
hexo-abbrlink
如果有看過痞客幫，應該知道它們家網址後面都是6位數的網址，

1	npm install hexo-abbrlink --save

https://www.npmjs.com/package/hexo-abbrlink

內建的文章目錄不太好用，只能在固定位置放置目錄，這個套件可以讓你在想要放文章目錄的地方，使用  語法就會直接在那邊展開文章目錄，安裝指令如下，

1	npm install hexo-toc --save

https://www.npmjs.com/package/hexo-toc

之後可以在 _config.yml 加入以下設定，可以做細部調整，

toc:
  maxdepth: 3
  class: toc
  slugify: transliteration
  decodeEntities: false
  anchor:
    position: after
    symbol: '#'
    style: header-anchor

其他參考
https://hsiangfeng.github.io/hexo/20190514/2072033203/
https://wylu.me/posts/78c745f0/

ShengYu Talk

Hexo 套件推薦

發布上傳 GitHub 必備

網站地圖

外部連結 nofollow

301重新導向的替代方案

文章置頂

短網址

文章目錄(非內建的文章目錄)