1 | <div align="right">
|
2 | Language:
|
3 | πΊπΈ
|
4 | <a title="Chinese" href="/README_CN.md">π¨π³</a>
|
5 | </div>
|
6 |
|
7 | # hexo-theme-butterfly
|
8 |
|
9 | ![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/master?color=%231ab1ad&label=master)
|
10 | ![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/dev?label=dev)
|
11 | ![https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff)
|
12 | ![hexo version](https://img.shields.io/badge/hexo-5.0+-0e83c)
|
13 | ![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531)
|
14 |
|
15 | ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/theme-butterfly-readme.png)
|
16 |
|
17 | Demo: π [Butterfly](https://butterfly.js.org/) || π€ [MYW](https://immyw.com/)
|
18 |
|
19 | Docs: π [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/)
|
20 |
|
21 | Based on [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody) theme.
|
22 |
|
23 | ## Installation
|
24 |
|
25 | ### GIT
|
26 |
|
27 | > If you are in Mainland China, you can download in [Gitee](https://gitee.com/iamjerryw/hexo-theme-butterfly)
|
28 |
|
29 | Stable branch [recommend]:
|
30 |
|
31 | ```
|
32 | git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
|
33 | ```
|
34 |
|
35 | Dev branch:
|
36 |
|
37 | ```
|
38 | git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
|
39 | ```
|
40 |
|
41 | ### NPM
|
42 |
|
43 | > It supports Hexo 5.0.0 or later
|
44 |
|
45 | In Hexo site root directory
|
46 |
|
47 | ```powershell
|
48 | npm i hexo-theme-butterfly
|
49 | ```
|
50 |
|
51 | ## Configuration
|
52 |
|
53 | Set theme in the hexo work folder's root config file `_config.yml`:
|
54 |
|
55 | > theme: butterfly
|
56 |
|
57 | If you don't have pug & stylus renderer, try this:
|
58 |
|
59 | > npm install hexo-renderer-pug hexo-renderer-stylus
|
60 |
|
61 | ## Features
|
62 |
|
63 | - [x] Card UI Design
|
64 | - [X] Support sub-menu
|
65 | - [x] Two Column designs
|
66 | - [x] Responsive Web Design
|
67 | - [x] Dark Mode
|
68 | - [x] Pjax
|
69 | - [x] Read Mode
|
70 | - [x] Conversion between Traditional and Simplified Chinese
|
71 | - [X] TOC catalog is available for both computers and mobile phones
|
72 | - [X] Color themes (darker/pale night/light/ocean/mac/mac light), support custom colors
|
73 | - [X] Code Blocks (Display code language/close or expand Code Blocks/Copy Button/word wrap)
|
74 | - [X] Disable copy/Add a Copyright Notice to the Copied Text
|
75 | - [X] Search (Algolia SearchZ/Local Search)
|
76 | - [x] Mathjax and Katex
|
77 | - [x] Built-in 404 page
|
78 | - [x] WordCount
|
79 | - [x] Related articles
|
80 | - [x] Displays outdated notice for a post
|
81 | - [x] Share (AddThis/Sharejs/Addtoany)
|
82 | - [X] Comment (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo)
|
83 | - [x] Multiple Comment System Support
|
84 | - [x] Online Chats (Chatra/Tidio/Daovoice/Gitter/Crisp)
|
85 | - [x] Web analytics
|
86 | - [x] Google AdSense
|
87 | - [x] Webmaster Verification
|
88 | - [x] Change website colour scheme
|
89 | - [x] Typewriter Effect: activate_power_mode
|
90 | - [x] Background effects (Canvas ribbon/canvas_ribbon_piao/canvas_nest)
|
91 | - [x] Mouse click effects (Fireworks/Heart/Text)
|
92 | - [x] Preloader/Loading Animation
|
93 | - [x] Busuanzi visitor counter
|
94 | - [x] Medium Zoom/Fancybox
|
95 | - [x] Mermaid
|
96 | - [x] Justified Gallery
|
97 | - [x] Lazyload images
|
98 | - [x] Instantpage/Pangu/Snackbar notification toast/PWA......
|
99 |
|
100 | ## Screenshots
|
101 |
|
102 | ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-1.jpg)
|
103 | ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-2.jpg)
|
104 | ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-3.jpg)
|
105 | ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN@m2/img/butterfly-readme-screenshots-4.jpg)
|
106 | ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-1.png)
|
107 | ![](https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/theme-butterfly-readme-homepage-2.png) |
\ | No newline at end of file |