hexo-theme-butterfly

📢 Demo: Butterfly || CrazyWong

📖 Docs: English || Chinese

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

• [x] Card UI Design
• [X] Support sub-menu
• [x] Two-column layout
• [x] Responsive Web Design
• [x] Dark Mode
• [x] Pjax
• [x] Read Mode
• [x] Conversion between Traditional and Simplified Chinese
• [X] TOC catalog is available for both computers and mobile phones
• [X] Built-in Syntax Highlighting Themes (darker/pale night/light/ocean), also support customization
• [X] Code Blocks (Display code language/close or expand Code Blocks/Copy Button/word wrap)
• [X] Disable copy/Add a Copyright Notice to the Copied Text
• [X] Search (Algolia Search/Local Search)
• [x] Mathjax and Katex
• [x] Built-in 404 page
• [x] WordCount
• [x] Related articles
• [x] Displays outdated notice for a post
• [x] Share (Sharejs/Addtoany)
• [X] Comment (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk)
• [x] Multiple Comment System Support
• [x] Online Chats (Chatra/Tidio/Daovoice/Crisp/messenger)
• [x] Web analytics
• [x] Google AdSense
• [x] Webmaster Verification
• [x] Change website colour scheme
• [x] Typewriter Effect: activate_power_mode
• [x] Background effects (Canvas ribbon/canvas_ribbon_piao/canvas_nest)
• [x] Mouse click effects (Fireworks/Heart/Text)
• [x] Preloader/Loading Animation/pace.js
• [x] Busuanzi visitor counter
• [x] Medium Zoom/Fancybox
• [x] Mermaid
• [x] Justified Gallery
• [x] Lazyload images
• [x] Instantpage/Pangu/Snackbar notification toast/PWA......

✨ Contributors

📷 Screenshots