Butterfly

📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 📌 主題配置 - ⚔️ 標簽外挂 - ❓ 主題問答 - ⚡️ 進階教程 你可以通過右下角的 簡 按鈕切換為簡體顯示 hexo-theme-butterfly 是基於 hexo-theme-melody 的基礎上進行開發的主题。 安裝Git 安裝npm 安裝如果你身處中國大陸，且訪問 Github 不穩定，你可以用 Gitee 安裝穩定版【建議】 在你的 Hexo 根目錄下 1git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly 測試版 測試版可能存在 Bugs，追求穩定的請安裝穩定版 如果想要安裝比較新的 dev 分支，可以 1git clone -b dev https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly 升級方法：在主題目錄下，運行 git pull 穩定版【建議】 在你的 Hexo 根目錄裏 1g...

前言本主題已將內建的 APlayer / Meting 音樂播放器支援移除。若你原本在網站中透過主題注入播放器（例如音樂頁、文章內播放器、懸浮播放器），更新後這些播放器將不會再被主題自動載入。 這篇文章說明： 移除影響了哪些東西 想要繼續使用的話，如何改用替代方式 不需要的話，如何徹底清理殘留資源 一、這次移除的內容主題層級移除的程式碼如下（若你的網站完全沒有使用播放器，則以下都不需要處理）： themes/butterfly/layout/includes/third-party/aplayer.pug 原本負責載入 APlayer 的 CSS、APlayer.js 與 Meting.js，並處理 pjax 切頁時播放器銷毀／重跑。 themes/butterfly/layout/includes/additional-js.pug 原本根據 aplayer & aplayerInject 判斷是否引入上面那個檔案，也已移除。 themes/butterfly/source/css/_layout/third-party.styl 與 dark...

New Features 新增 Knocket 聊天功能，新增對應的 pug 模板 knocket.pug，在聊天配置中新增 knocket 選項 新增腳本和樣式表緩存機制（scriptCache / cssCache），避免重複加載相同資源 新增 rafThrottle 工具函數，基於 requestAnimationFrame 實現節流 新增 HTML 轉義函數（sanitizeString），防範 XSS 注入 Performance TOC 滾動改用 IntersectionObserver 取代原本的 throttle + 遍歷方式，大幅減少滾動事件計算量 滾動處理從 btf.throttle 改為 btf.rafThrottle，與瀏覽器渲染幀率同步 resize 事件處理加入 rafThrottle 節流 scrollToDest 平滑滾動改用 easeOutQuart 緩動曲線，取代原本的線性插值 rightsideScrollPercent 的 goUpElement / scrollPercentElement 改為閉包緩存，避免每次滾動...

隨著數碼銀行的普及，在香港開戶已經不再是繁瑣的流程。只需一部手機，你就可以幾分鐘內完成开户注册，享受方便又高效的理財體驗。如果你正考慮開設香港銀行戶口，這篇文章將為你推薦兩間非常熱門的虛擬銀行：ZA Bank 和 Mox Bank，同時附上邀請碼，讓你開戶還能享受額外獎賞！ 🏦 ZA Bank（眾安銀行）｜簡單快速開戶首選 [ 推薦碼： VU3755]ZA Bank 是香港首間虛擬銀行，主打全線上服務，非常適合初次開戶人士或想要簡單理財的用戶。 ✨ 特色亮點： 📲 全程手機開戶，幾分鐘完成 💰 提供活期存款利息（通常比傳統銀行高） 🔐 轉帳、付款快速且安全 🎁 不定期推出開戶優惠 👉 使用我的邀請碼開戶：VU3755 透過邀請碼開戶，通常可以獲得現金回贈或迎新獎賞（實際優惠以官方活動為準）。快去註冊吧： ZA Bank 開戶連結 去 ZA Bank 開戶，享價值 HKD 2,026 獎賞以及 20% 港元定存年利率！3️⃣ 個真心推薦 ZA Bank 嘅原因💛 全線上開戶，無需前往分行💛 無最低存款要求，零賬戶管理費💛 24x7 銀行服務即刻用我的專屬邀請碼...

新功能 (Features) 改進 lazyload 過濾器，精確處理 img 標籤的 src 屬性 本地搜索增加分頁功能 說說頁面改為分頁導航 右下角按鈕添加效果 支持自定义脚本名称 #1732 增加子目錄項目懸停效果的過渡動畫 優化側邊欄子目錄的顯示效果，添加過渡動畫 添加卡片類別展開動畫效果 適配 Mathjax 4 重構 Algolia 搜索，从 InstantSearch.js 迁移到直接使用 Algoliasearch API 來實現 Algolia 搜索功能 重構配置管理，新增默認配置文件並優化評論系統配置處理 更新 README 和 README_CN 文件，增強內容清晰度與可讀性 更新标签頁样式，增强交互效果并优化动画表现 添加按钮效果样式，增强按钮交互体验 为备份添加备用名称 改進 (Improvements) 整合搜索，減少不必要的代碼冗餘 調整右側滾動百分比顯示邏輯，改善動畫效果 优化 note, button, label 标签外挂的夜间模式，优化文章导航和推荐的夜间模式显示 禁用結構化數據並更新默認配置格式 優化搜索界面樣式和用戶體驗 修復 (Fi...

新功能 更新 plugins.yml 中的依賴版本至最新 適配 Fancybox v6 新增導航欄文章標題顯示配置選項 文章頁導航欄增加滑鼠懸停顯示返回主頁提示 新增 Google Tag Manager 配置支援 新增右側配置按鈕動畫效果，更新相關配置和模板邏輯 更新頁腳配置，新增導航欄和版權信息，改進樣式和結構 修復 修正 truncateContent 函數以正確處理空內容 修復 card_archives 計數錯誤 修正分頁順序邏輯 修正 getBgPath 函數，使用 this.url_for 獲取背景圖片的正確路徑 優化 當 per_page 為 0 時，頁面不顯示導航欄 優化 truncateContent 函數，加密文章不顯示自動截取內容 新增首頁樣式以支援單詞換行

新功能 js 加載完才顯示聊天按鈕 移除 Pangu 添加結構化數據支持 添加 avif 到支持的圖片格式列表 更新 lazyload 配置，支持原生 lazyload 功能 代碼優化 優化 pageType 邏輯 代碼字體先 fallback 到 monospace 再到中文和 sans-serif 更新 plugins.yml 中的依賴版本至最新 優化 aside_archives，改進性能和可讀性 改善 inlineImg 和 timeline 標籤的文檔，優化時間線邏輯 更新 gallery 標籤以支持額外參數，優化圖片顯示邏輯 優化隨機封面過濾器邏輯，避免連續重複 最新評論限制顯示 1-10 條之間 修復 修復 artalk 的最新評論顯示待定或者封禁的評論的 bug 修復解密文章後，chartjs 沒有加載的 bug

新功能 說說支持評論 說說支持限制條數（時間或數字） 更新 更新相關依賴版本 修復 修復 disqus 和 disqusjs 不能共存的問題，保留一個 代碼優化 修復 remark42 最新評論報錯的 bug 修復說說的時區問題

新功能 添加 chart.js 圖表庫（標籤外挂） 適配 Algolia Search 5.0 搜索分頁按鈕圓角化 本地搜索結果列表顯示數字排序 章節導航和相關推薦支持 hover 顯示文章介紹 移除 Daovoice 導航欄添加背景虛化效果 導航欄 hover 效果增加圓角 修復 修復不啟用評論系統時，不蒜子統計不顯示的問題 修復背景漸變色無法生效的問題 改進 説説的標籤可選填 代碼精簡和優化 移動到説説日期，顯示完整的日期時間 説説的時間標籤改為 time 標籤 延遲調用 abcjs 函數以解決渲染問題 調整側邊欄文章分類的字體大小

重大變更由於整合了多個設定並更改了部分設定名稱，升級到 5.0 版本時，請重新設定 _config.yml 檔案。 新增功能與改進 新增 macstyle 設定，取消 mac / mac light 主題設定 整合搜尋相關設定 修改程式碼區塊設定 主頁文章新增多種版面配置 新增說說頁面 適配 hexo-blog-encrypt 加密外掛 改善手機端目錄的開啟效果 新增平滑滾動功能 支援以程式碼區塊方式撰寫 mermaid 圖表 可自訂文章標題位置 新增程式碼全螢幕按鈕 友情連結頭像改為圓角設計 優化程式碼，使用 hexo-util 的參數和 hexo 內建參數 可自訂搜尋框提示文字 未設定選單時，不顯示側邊欄目錄和按鈕 螢幕寬度超過 2000px 時，增加卡片高度 根據語言設定調整字型：簡體中文使用雅黑，其他使用正黑體 更新 plugins.yml 全新的側邊欄介面設計 新增 giscus 的 js 設定 調整 utterances js 的設定位置 新增 utterances option 設定 修改 giscus 的主題設定 多個介面元素改為圓角設計 可選擇圓角或直...