語言: 中文 英文

hexo-theme-butterfly

master version
master version
https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff
hexo version
license

預覽: 👍 Butterfly || 🤞 CrazyWong

文檔: 📖 Butterfly Docs

一款基於hexo-theme-melody修改的主題

详细教程

💻 安裝

Git 安裝

本倉庫同時上傳到 Gitee，如果你訪問 Github 緩慢，可從 Gitee 中下載。

在博客根目錄裡安裝穩定版【推薦】

1
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

如果想要安裝比較新的dev分支，可以

1
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

npm 安裝

此方法只支持Hexo 5.0.0以上版本

在博客根目錄裡

1
npm i hexo-theme-butterfly

⚙ 應用主題

修改hexo配置文件_config.yml，把主題改為Butterfly

1
theme: butterfly

如果你沒有pug以及stylus的渲染器，請下載安裝： npm install hexo-renderer-pug hexo-renderer-stylus —save

🎉 特色

  • [x] 卡片化設計
  • [X] 支持二級目錄
  • [x] 雙欄設計
  • [x] 響應式主題
  • [x] 夜間模式
  • [x] Pjax
  • [x] 文章閲讀模式
  • [x] 簡體和繁體轉換
  • [X] 電腦和手機都可查看TOC目錄
  • [X] 內置多種代碼配色（darker/pale night/light/ocean/mac/mac light），可自定義代碼配色
  • [X] 代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行
  • [X] 可關閉文字複製/可開啟內容複製增加版權信息）
  • [X] 兩種搜索（Algolia搜索和本地搜索）
  • [x] Mathjax 和 Katex
  • [x] 內置404頁面
  • [x] 顯示字數統計
  • [x] 顯示相關文章
  • [x] 過期文章提醒
  • [x] 多種分享系統（AddThis/Sharejs/Addtoany）
  • [X] 多種評論系統（Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus）
  • [x] 支持雙評論部署
  • [x] 多種在線聊天（Chatra/Tidio/Daovoice/Gitter/Crisp）
  • [x] 多種分析系統
  • [x] 谷歌廣告/手動廣告位置
  • [x] 各種站長驗證（Google/Bing/Baidu/360/Yandex）
  • [x] 修改網站配色
  • [x] 打字特效 activate_power_mode
  • [x] 多種背景特效（靜止彩帶/動態彩帶/Canvas Nest）
  • [x] 多種鼠標點擊特效（煙花/文字/愛心）
  • [x] 內置一種 Preloader 加載動畫
  • [x] 不蒜子訪問統計
  • [x] 兩種大圖模式（Medium Zoom/Fancybox）
  • [x] Mermaid 圖表顯示
  • [x] 照片牆
  • [x] 圖片懶加載
  • [x] Instantpage/Pangu/Snackbar彈窗/PWA……

✨ 贡献者


📷 截圖