[Hexo] 常用外掛(plugin)推薦

前言

本站是使用Hexo架設的，這是一個靜態網站/部落格的生成器，並支援markdown語法生成網頁內容。
除此之外還擁有許多第三方的主題與外掛，使用人數眾多、資源也相當好找，這是我選擇它的原因。
本篇要介紹的是目前有在使用，且相對比較推薦的外掛(plugin)。

一、推薦套件

1. hexo-deployer-git

這是透過git部署的必備plugin，安裝後可以透過在_config.yml設定deploy的內容
先執行指令安裝套件：

npm install hexo-deployer-git --save

之後開啟_config.yml根據需求進行設定：

deploy:
type: git
repo:
    github:
    url: https://github.com/<USERNAME>/<REPOSITORY_NAME>
    branch: master
    token: <GITHUB_TOKEN>
name: <GIT_USERNAME>
email: <GIT_EMAIL>

設定完成後就可以執行指令透過git進行部署

hexo clean && hexo deploy

2. hexo-generator-sitemap

這是可以自動產生網站Sitemap的plugin，對於SEO會比較友好。
先執行指令安裝套件：

npm install hexo-generator-sitemap --save

之後開啟_config.yml根據需求進行設定：

sitemap:
    path: sitemap.xml
    template:
    rel: true
    tags: true
    categories: true

之後部署後就會自動生成sitemap.xml這個檔案了

3. hexo-all-minifier

這個plugin整合了多個plugin，用途都是縮小各種檔案類型，以加快網站載入速度，該套件包含：

• hexo-html-minifier
• hexo-clean-css
• hexo-uglify
• hexo-imagemin

先執行指令安裝套件：

npm install hexo-generator-sitemap --save

如果是mac的使用者需要額外安裝其他東西

brew install libtool automake autoconf nasm

之後開啟_config.yml開啟該功能：

all_minifier: true

也可以針對每個套件詳細設定

js_concator:
    enable: false
    bundle_path: '/js/bundle.js'
    front: false
    silent: false

html_minifier:
    enable: true
    ignore_error: false
    silent: false

css_minifier:
    enable: true
    silent: false
    exclude:
        - '*.min.css'

js_minifier:
    enable: true
    mangle: true
    silent: false
    output:
    compress:
    exclude:
        - '*.min.js'

image_minifier:
    enable: true
    interlaced: false
    multipass: false
    optimizationLevel: 2
    pngquant: false
    progressive: false
    silent: false
    exclude:

4. hexo-filter-nofollow

加入rel="noopener external nofollow noreferrer"到外部連結上，可以優化SEO，避免權重流失。
先執行指令安裝套件：

npm i hexo-filter-nofollow --save

之後開啟_config.yml根據需求進行設定：

nofollow:
    enable: true
    field: site
    exclude:

二、主題(Theme)

我使用Fluid作為我的Theme，詳細的使用方式可以參考官方文件，在此不多做贅述。

環境

• hexo-docker-compose
• Hexo 6.3.0