Hexo个人博客
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

4.1 KiB

hexo-theme-butterfly

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

📢 預覽: Butterfly || CrazyWong

📖 文檔: 中文 || English

一款基於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頁面
  • 顯示字數統計
  • 顯示相關文章
  • 過期文章提醒
  • 多種分享系統(Sharejs/Addtoany)
  • 多種評論系統(Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk)
  • 支持雙評論部署
  • 多種在線聊天(Chatra/Tidio/Daovoice/Crisp/messenger)
  • 多種分析系統
  • 谷歌廣告/手動廣告位置
  • 各種站長驗證
  • 修改網站配色
  • 打字特效 activate_power_mode
  • 多種背景特效(靜止彩帶/動態彩帶/Canvas Nest)
  • 多種鼠標點擊特效(煙花/文字/愛心)
  • 內置一種 Preloader 加載動畫和 pace.js 加載動畫條
  • 不蒜子訪問統計
  • 兩種大圖模式(Medium Zoom/Fancybox)
  • Mermaid 圖表顯示
  • 照片牆
  • 圖片懶加載
  • Instantpage/Pangu/Snackbar彈窗/PWA......

貢獻者

📷 截圖