🦋 A Hexo Theme: Butterfly
Go to file
Jerry c67b4304d2 breaking changes: 更改 rightside-bottom 為 rightside_bottom
feat: 置頂圖標改為在標題左側
feat: 可配置打賞按鈕的文字
feat: 側邊欄增加 系列文章顯示
feat: 增加 series 系列文章 標籤外掛
feat: 移除 addthis 分享
improvement: 代碼優化
improvement: tabs 標籤外掛的回到頂部箭頭位置調整
improvement: 更新 plugin.yml
2023-06-24 16:12:23 +08:00
.github fix: 修復 mathjax 行內公式 導致行距過密的 bug 2022-10-31 00:09:13 +08:00
languages breaking changes: 更改 rightside-bottom 為 rightside_bottom 2023-06-24 16:12:23 +08:00
layout breaking changes: 更改 rightside-bottom 為 rightside_bottom 2023-06-24 16:12:23 +08:00
scripts breaking changes: 更改 rightside-bottom 為 rightside_bottom 2023-06-24 16:12:23 +08:00
source breaking changes: 更改 rightside-bottom 為 rightside_bottom 2023-06-24 16:12:23 +08:00
_config.yml breaking changes: 更改 rightside-bottom 為 rightside_bottom 2023-06-24 16:12:23 +08:00
LICENSE 🐛 適配hexo 5.0.0 修復toc點擊不會跳轉的bugs 2020-08-01 01:50:01 +08:00
package.json update 2023-06-06 23:32:36 +08:00
plugins.yml breaking changes: 更改 rightside-bottom 為 rightside_bottom 2023-06-24 16:12:23 +08:00
README_CN.md breaking changes: 更改 rightside-bottom 為 rightside_bottom 2023-06-24 16:12:23 +08:00
README.md breaking changes: 更改 rightside-bottom 為 rightside_bottom 2023-06-24 16:12:23 +08:00

hexo-theme-butterfly

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

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