mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-06-05 21:01:46 +08:00
Jerry
775942ae3e
improvement: 首頁社交圖標左右邊距調整 feat: 文章版權增加圖標 improvement: 重構 main.js 代碼 improvement: 優化 pjax 下的性能 fix: 修復子目錄下,pjax 跳轉 404 錯誤 feat: getScript 增加 attribute 配置 improvement: 優化手機端 toc 打開和關閉特效 improvement: 文章進入特效改為 transform, 優化 stylus improvement: 目錄側邊欄出現滾動條時，元素不會被擠壓 feat: 文章左右對齊 improvement: 處理 waline 的 url 後面多 / 導致跨域的問題 fix: 修復夜間模式下，小屏幕的toc 滾動條顏色不明顯的 bug fix: 修復設置字體超過17px時，toc 裏面的邊框異常的 bug improvement: 優化語言文件部分用詞 improvement: disqus 和 disqusjs 的評論數獲取不到時，顯示為 0 improvement: disqusjs 的評論數改為 api 獲取 improvement: 代碼優化 improvement: 更新 plugins.yml
775942ae3e
·
2023-08-06 18:43:39 +08:00
429 Commits
hexo-theme-butterfly
Demo: 👍 Butterfly || 🤞 CrazyWong
Docs: 📖 Butterfly Docs
Based on hexo-theme-melody theme.
💻 Installation
GIT
If you are in Mainland China, you can download in Gitee
Stable branch [recommend]:
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
Dev branch:
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
NPM
It supports Hexo 5.0.0 or later
In Hexo site root directory
npm i hexo-theme-butterfly
⚙ Configuration
Set theme in the hexo work folder's root config file _config.yml:
theme: butterfly
If you don't have pug & stylus renderer, try this:
npm install hexo-renderer-pug hexo-renderer-stylus
🎉 Features
- Card UI Design
- Support sub-menu
- Two-column layout
- Responsive Web Design
- Dark Mode
- Pjax
- Read Mode
- Conversion between Traditional and Simplified Chinese
- TOC catalog is available for both computers and mobile phones
- Built-in Syntax Highlighting Themes (darker/pale night/light/ocean/mac/mac light), also support customization
- Code Blocks (Display code language/close or expand Code Blocks/Copy Button/word wrap)
- Disable copy/Add a Copyright Notice to the Copied Text
- Search (Algolia Search/Local Search)
- Mathjax and Katex
- Built-in 404 page
- WordCount
- Related articles
- Displays outdated notice for a post
- Share (Sharejs/Addtoany)
- Comment (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk)
- Multiple Comment System Support
- Online Chats (Chatra/Tidio/Daovoice/Crisp/messenger)
- Web analytics
- Google AdSense
- Webmaster Verification
- Change website colour scheme
- Typewriter Effect: activate_power_mode
- Background effects (Canvas ribbon/canvas_ribbon_piao/canvas_nest)
- Mouse click effects (Fireworks/Heart/Text)
- Preloader/Loading Animation/pace.js
- Busuanzi visitor counter
- Medium Zoom/Fancybox
- Mermaid
- Justified Gallery
- Lazyload images
- Instantpage/Pangu/Snackbar notification toast/PWA......
✨ Contributors
📷 Screenshots
