我開發的 Hexo 插件

  1. hexo-plugin-commentbox
  2. hexo-plugin-cookieconsent
  3. hexo-plugin-apache-echarts
  4. hexo-plugin-i18n-canonical
  5. hexo-generator-i18n-sitemap
  6. hexo-generator-i18n-archive
  7. hexo-generator-i18n-tag
  8. hexo-generator-i18n-category
  9. hexo-github-card-inline

使用 Hexo 建立靜態網站並不意味著要犧牲互動性。我開發了幾個插件來增強 Hexo 部落格的留言、GitHub 整合和其他功能。

💬 hexo-plugin-commentbox

將 commentbox.io 留言系統整合到你的 Hexo 部落格文章中。無需伺服器端基礎設施即可新增社群互動。

  • 預設在所有頁面啟用
  • 透過 front matter 精細控制
  • 簡單整合

🍪 hexo-plugin-cookieconsent

為你的 Hexo 網站新增符合 GDPR 的 Cookie 同意橫幅。與 vanilla-cookieconsent 函式庫的輕量級整合。

  • 可自訂的同意模態框
  • 多語言支援
  • 基於類別的 Cookie 管理

📊 hexo-plugin-apache-echarts

將互動式 Apache ECharts 視覺化新增到你的 Hexo 文章中。使用簡單的標籤語法建立資料驅動的圖表。

  • 互動式客戶端圖表
  • 基於 CDN 的函式庫載入
  • 支援所有 ECharts 圖表類型

🌐 hexo-plugin-i18n-canonical

管理多語言網站的規範網址。自動新增 canonical 和 hreflang 標籤以改善 SEO。

  • 自動 canonical 標籤
  • 所有語言的 hreflang 標籤
  • 改善多語言 SEO

🗺️ hexo-generator-i18n-sitemap

為多語言網站生成 sitemap.xml,具有適當的語言篩選。

  • 生成 sitemap.xml 和 sitemap.txt
  • 排除首頁重複
  • 多語言支援

📚 hexo-generator-i18n-archive

為每種語言生成存檔頁面,具有適當的篩選。

  • 特定語言的存檔
  • 按年、月、日組織
  • 支援分頁

🏷️ hexo-generator-i18n-tag

為每種語言生成標籤頁面,具有篩選和排序。

  • 特定語言的標籤頁面
  • 重定向文章顯示在最後
  • 支援分頁

📁 hexo-generator-i18n-category

為每種語言生成類別頁面,具有篩選和排序。

  • 特定語言的類別頁面
  • 重定向文章顯示在最後
  • 支援分頁

🎴 hexo-github-card-inline

在文章中內嵌渲染 GitHub 使用者和儲存庫卡片。透過視覺化、資料豐富的展示來展示個人檔案和專案。

  • 帶統計資料的使用者檔案卡片
  • 帶指標的儲存庫卡片
  • 程式語言分布圖表

hexo-plugin-commentbox

hexo-plugin-commentbox

功能特性

  • 預設啟用:留言自動出現在所有頁面
  • 精細控制:透過 front matter 在特定文章停用留言
  • 簡單整合:只需最少的設定

停用留言

要在特定文章或頁面停用留言,在 front matter 中新增:

---
title: 你的文章標題
comments: false
---

安全注意事項

⚠️ 外部指令碼載入

此插件從 unpkg.com/commentbox.io 載入外部 JavaScript。請注意:

  • 外部指令碼可以存取你的頁面內容和使用者資料
  • 指令碼從 CDN 載入,沒有子資源完整性(SRI)驗證
  • 外部指令碼的變更不在你的控制範圍內
  • 考慮你網站的內容安全政策(CSP)要求

!!!

📝 免責聲明

此專案與 commentbox.io 沒有任何關聯、認可或連結。這是一個獨立插件,用於將 commentbox.io 服務整合到 Hexo 部落格中。


hexo-plugin-cookieconsent

hexo-plugin-cookieconsent

一個 Hexo 插件,用於快速將 Cookie 同意功能新增到你的網站,使用輕量級的 vanilla-cookieconsent 函式庫。

功能特性

  • 符合 GDPR:協助滿足歐盟 Cookie 同意要求
  • 輕量級:對網站效能影響最小
  • 可自訂:完全控制外觀和行為
  • 多語言:內建多語言支援,可自動偵測
  • 類別管理:按必要性、功能性和分析來組織 Cookie

設定範例

cookieconsent:
  enable: true
  injectJs: true
  cssUrl: "/cache/cookieconsent.css"
  options:
    guiOptions:
      consentModal:
        layout: box
        position: bottom right
    categories:
      necessary:
        readOnly: true
      functionality: {}
      analytics: {}
    language:
      default: en
      autoDetect: browser

📋 類別類型

必要 Cookie(始終啟用) 網站功能所必需 - 安全性、導航和核心功能。

功能性 Cookie 記住使用者偏好,如語言設定和登入詳細資訊。

分析 Cookie 協助了解訪客行為以改善網站效能。

使用場景

  • GDPR 合規:滿足歐洲隱私法規
  • 使用者透明度:清楚傳達 Cookie 使用情況
  • 隱私控制:讓使用者管理他們的 Cookie 偏好
  • 多地區網站:自動偵測語言並顯示適當的同意文字

💡 效能提示

設定 injectJs: false 並在主題中手動包含指令碼,以更好地控制載入時機。


hexo-plugin-apache-echarts

hexo-plugin-apache-echarts

使用簡單的標籤語法將互動式 Apache ECharts 視覺化新增到你的 Hexo 文章中。查看 ECharts 圖表庫以獲取圖表範例。

功能特性

  • 互動式客戶端圖表:豐富、響應式的資料視覺化
  • 基於 CDN 的 ECharts 函式庫載入:無需本地依賴
  • 可設定的 ID 生成:隨機或基於雜湊的圖表 ID
  • 自動 ECharts 指令碼注入:無需手動設定
  • 支援所有 ECharts 圖表類型:長條圖、折線圖、圓餅圖、散點圖等

設定範例

echarts:
  enable: true
  js_url: /cache/echarts.min.local.js
  id_generation: 'hash'

hexo-plugin-i18n-canonical

hexo-plugin-i18n-canonical

用於管理多語言網站規範網址的 Hexo 插件。

功能特性

  • 自動新增 canonical 標籤:為所有頁面提供正確的 SEO
  • 自動新增 hreflang 標籤:為所有語言變體
  • 將翻譯內容指向原始語言:預設:英語
  • 支援自訂規範語言:透過 canonical_lang front matter
  • 支援 zh-TW、zh-CN 和 ja 翻譯:內建多語言支援
  • 跳過已有 canonical 標籤的頁面:防止重複
  • 改善多語言內容的 SEO:更好的搜尋引擎索引

hexo-generator-i18n-sitemap

hexo-generator-i18n-sitemap

為多語言網站生成 sitemap.xml。

功能特性

  • 生成 sitemap.xml 和 sitemap.txt:包含所有頁面和文章
  • 排除首頁 index.html 重複:更清晰的 sitemap 結構

hexo-generator-i18n-archive

hexo-generator-i18n-archive

為每種語言生成存檔頁面。

功能特性

  • 為每種語言生成存檔頁面:特定語言篩選
  • 按語言篩選文章:僅顯示相關文章
  • 按年、月、日組織文章:時間順序組織
  • 支援分頁:處理大型存檔
  • 可透過設定開關:效能控制

hexo-generator-i18n-tag

hexo-generator-i18n-tag

為每種語言生成標籤頁面,具有篩選和排序。

功能特性

  • 為每種語言生成標籤頁面:特定語言篩選
  • 按語言篩選文章:僅顯示相關文章
  • 重定向文章顯示在最後:更好的使用者體驗
  • 支援分頁:處理大型標籤集合
  • 可透過設定開關:效能控制

hexo-generator-i18n-category

hexo-generator-i18n-category

為每種語言生成類別頁面,具有篩選和排序。

功能特性

  • 為每種語言生成類別頁面:特定語言篩選
  • 按語言篩選文章:僅顯示相關文章
  • 重定向文章顯示在最後:更好的使用者體驗
  • 支援分頁:處理大型類別集合
  • 可透過設定開關:效能控制

hexo-github-card-inline

hexo-github-card-inline

使用者卡片

顯示包含統計資料和程式語言分布的完整 GitHub 使用者檔案:

{% raw %}{% githubCard user:neoalienson %}{% endraw %}

卡片顯示:

  • 📍 位置
  • 🔗 網站
  • 📁 儲存庫數量
  • ⭐ 總星標數
  • 📈 提交數
  • 👥 追蹤者
  • 🔄 拉取請求
  • ❗ 議題
  • 程式語言分布圖表

儲存庫卡片

展示特定儲存庫的關鍵指標:

{% raw %}{% githubCard user:neoalienson repo:pachinko %}{% endraw %}

卡片顯示:

  • 📖 儲存庫名稱和描述
  • ⭐ 星標數
  • 🍴 分支數
  • 主要程式語言

這些插件是開源的,可在 GitHub 上取得。本網站使用這些插件建置。安裝說明和設定詳情可在各個儲存庫中找到。歡迎貢獻、提出議題和回饋。

分享到