mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
feat: 完全移除 jquery feat: 清除配置文件的CDN, 默認 CDN 不再顯示在 config feat: 切換夜間模式後, mermaid 也會切換夜間主題 feat: 移除騰訊分析 feat: 移除右下角字體調整按鈕 feat: 本地搜索可處理 json feat: 右下角按鈕自定義順序 feat: 右小角按鈕 UI 微調 improvement: 手機端更改閲讀模式退出按鈕到右下角 improvement: photofigcaption 和 fancybox 的 figcaption 優先顯示 圖片的title屬性,然後是 alt 屬性 improvement: 首頁ui微調 improvement: 禁止一些瀏覽器會出現點擊左下角按鈕出現放大網頁的行為 improvement: js 優化 fix: 修復窗口大小改變時,導航欄的ui 可能會錯亂的 bug fix: 修復 pjax 下, twikoo 評論獲取是上一篇評論的 bug fix: 壓縮 html 代碼後, mermaid 顯示正常
4.0 KiB
4.0 KiB
語言:
中文
英文
hexo-theme-butterfly
文檔: 📖 Butterfly Docs
一款基於hexo-theme-melody修改的主題
💻 安裝
Git 安裝
本倉庫同時上傳到 Gitee,如果你訪問 Github 緩慢,可從 Gitee 中下載。
在博客根目錄裡安裝穩定版【推薦】
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
如果想要安裝比較新的dev分支,可以
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
npm 安裝
此方法只支持Hexo 5.0.0以上版本
在博客根目錄裡
npm i hexo-theme-butterfly
⚙ 應用主題
修改hexo配置文件_config.yml,把主題改為Butterfly
theme: butterfly
如果你沒有pug以及stylus的渲染器,請下載安裝: npm install hexo-renderer-pug hexo-renderer-stylus --save
🎉 特色
- 卡片化設計
- 支持二級目錄
- 雙欄設計
- 響應式主題
- 夜間模式
- Pjax
- 文章閲讀模式
- 簡體和繁體轉換
- 電腦和手機都可查看TOC目錄
- 內置多種代碼配色(darker/pale night/light/ocean/mac/mac light),可自定義代碼配色
- 代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行
- 可關閉文字複製/可開啟內容複製增加版權信息)
- 兩種搜索(Algolia搜索和本地搜索)
- Mathjax 和 Katex
- 內置404頁面
- 顯示字數統計
- 顯示相關文章
- 過期文章提醒
- 多種分享系統(AddThis/Sharejs/Addtoany)
- 多種評論系統(Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo)
- 支持雙評論部署
- 多種在線聊天(Chatra/Tidio/Daovoice/Gitter/Crisp)
- 多種分析系統
- 谷歌廣告/手動廣告位置
- 各種站長驗證(Google/Bing/Baidu/360/Yandex)
- 修改網站配色
- 打字特效 activate_power_mode
- 多種背景特效(靜止彩帶/動態彩帶/Canvas Nest)
- 多種鼠標點擊特效(煙花/文字/愛心)
- 內置一種 Preloader 加載動畫
- 不蒜子訪問統計
- 兩種大圖模式(Medium Zoom/Fancybox)
- Mermaid 圖表顯示
- 照片牆
- 圖片懶加載
- Instantpage/Pangu/Snackbar彈窗/PWA......






