WebServer/hexo-theme-butterfly
1
0
Fork 0
mirror of https://github.com/jerryc127/hexo-theme-butterfly.git synced 2025-09-15 12:58:48 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
🦋 A Hexo Theme: Butterfly
148 Commits 2 Branches 79 Tags 22 MiB
JavaScript 40.3%
Stylus 37.7%
Pug 22%
938e7a04c7
Go to file
Jerry 938e7a04c7 improvement: tags 設定彩色顯示後，字型大小將根據tag的文章數量而變化 close #365 
improvement: 調整tags頁和categories頁在寬度小於768時的字體大小
2020-09-16 00:12:47 +08:00
.github fix: 修復當關閉代碼渲染后，標簽外挂裏的代碼塊會被壓縮到一行的bugs 2020-08-24 22:56:58 +08:00
languages refactor: 最新評論 leancloud呼叫由js sdk 改為 rest api 呼叫。應用可以不與valine同一個 2020-09-13 16:58:56 +08:00
layout improvement: tags 設定彩色顯示後，字型大小將根據tag的文章數量而變化 close #365 2020-09-16 00:12:47 +08:00
scripts improvement: tags 設定彩色顯示後，字型大小將根據tag的文章數量而變化 close #365 2020-09-16 00:12:47 +08:00
source improvement: tags 設定彩色顯示後，字型大小將根據tag的文章數量而變化 close #365 2020-09-16 00:12:47 +08:00
_config.yml feat: note 標籤優化(可自定義icon圖標/可覆蓋配置中的style) 2020-09-12 02:44:57 +08:00
LICENSE 🐛 適配hexo 5.0.0 修復toc點擊不會跳轉的bugs 2020-08-01 01:50:01 +08:00
package.json improvement: tags 設定彩色顯示後，字型大小將根據tag的文章數量而變化 close #365 2020-09-16 00:12:47 +08:00
README_CN.md feat: note 標籤優化(可自定義icon圖標/可覆蓋配置中的style) 2020-09-12 02:44:57 +08:00
README.md feat: note 標籤優化(可自定義icon圖標/可覆蓋配置中的style) 2020-09-12 02:44:57 +08:00

README.md

hexo-theme-butterfly

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

Demo: 👍 Butterfly || 🤞 JerryC

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 designs
  • Responsive Web Design
  • Dark Mode
  • Pjax
  • Read Mode
  • Conversion between Traditional and Simplified Chinese
  • TOC catalog is available for both computers and mobile phones
  • Color themes (darker/pale night/light/ocean/mac/mac light), support custom colors
  • 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 SearchZ/Local Search)
  • Mathjax and Katex
  • Built-in 404 page
  • WordCount
  • Related articles
  • Displays outdated notice for a post
  • Share (AddThis/Sharejs/Addtoany)
  • Comment (Disqus/Disqusjs/Livere/Gitalk/Valine/Utterances/Facebook Comments)
  • Multiple Comment System Support
  • Online Chats (Chatra/Tidio/Daovoice/Gitter/Crisp)
  • Web analytics (Baidu Analytics/Google Analytics/Tencent Analytics/CNZZ Analytics)
  • Google AdSense
  • Webmaster Verification (google/Bing/Baidu/360/Yandex)
  • 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
  • Busuanzi visitor counter
  • Medium Zoom/Fancybox
  • Mermaid
  • Justified Gallery
  • Lazyload images
  • Instantpage/Pangu/Snackbar notification toast/PWA......

Screenshots