mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
554d05d576
feat: 增加部分特效 Mobile設置（activate_power_mode/fireworks/click_heart/ClickShowText) feat: aside 分類 收縮/展開 增加slide效果 improvement: 更改canvas_ribbon_piao 為 canvas_fluttering_ribbon improvement: darkmode 字體顔色加深 improvement: 優化nav的進入，應該修復一些用户在本地測試中無法顯示nav的bugs improvement: 部分css和html優化 fix: 修復鼠標點擊文字特效，文字過長導致頁面有滾動條的bugs remove: 移除anime js， 集成在fireworks的js裏 remove: 刪除特效js,改為cdn引入
99 lines
3.3 KiB
Markdown
99 lines
3.3 KiB
Markdown
# hexo-theme-butterfly
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
預覽: 👍 [Butterfly](https://demo.jerryc.me/) || 🤞 [JerryC](https://jerryc.me/)
|
||
|
||
文檔: 📖 [Butterfly Docs](https://demo.jerryc.me/posts/21cfbf15/)
|
||
|
||
一款基於[hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody)修改的主題
|
||
|
||
## 安裝
|
||
|
||
### Git 安裝
|
||
|
||
> 本倉庫同時上傳到 [Gitee](https://gitee.com/iamjerryw/hexo-theme-butterfly)，如果你訪問 Github 緩慢，可從 Gitee 中下載。
|
||
|
||
在博客根目錄裡安裝穩定版【推薦】
|
||
|
||
```powershell
|
||
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
|
||
```
|
||
|
||
如果想要安裝比較新的dev分支，可以
|
||
|
||
```powershell
|
||
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
|
||
```
|
||
|
||
### npm 安裝
|
||
|
||
> 此方法只支持Hexo 5.0.0以上版本
|
||
|
||
在博客根目錄裡
|
||
|
||
```powershell
|
||
npm i hexo-theme-butterfly
|
||
```
|
||
|
||
## 應用主題
|
||
修改hexo配置文件`_config.yml`，把主題改為`Butterfly`
|
||
|
||
```
|
||
theme: butterfly
|
||
```
|
||
|
||
>如果你沒有pug以及stylus的渲染器，請下載安裝： npm install hexo-renderer-pug hexo-renderer-stylus --save
|
||
|
||
## 特色
|
||
|
||
- [x] 卡片化設計
|
||
- [X] 支持二級目錄
|
||
- [x] 雙欄設計
|
||
- [x] 響應式主題
|
||
- [x] 夜間模式
|
||
- [x] Pjax
|
||
- [x] 文章閲讀模式
|
||
- [x] 簡體和繁體轉換
|
||
- [X] 電腦和手機都可查看TOC目錄
|
||
- [X] 內置多種代碼配色（darker/pale night/light/ocean/mac/mac light），可自定義代碼配色
|
||
- [X] 代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行
|
||
- [X] 可關閉文字複製/可開啟內容複製增加版權信息）
|
||
- [X] 兩種搜索（Algolia搜索和本地搜索）
|
||
- [x] Mathjax 和 Katex
|
||
- [x] 內置404頁面
|
||
- [x] 顯示字數統計
|
||
- [x] 顯示相關文章
|
||
- [x] 過期文章提醒
|
||
- [x] 多種分享系統（AddThis/Sharejs/Addtoany）
|
||
- [X] 多種評論系統（Disqus/Disqusjs/Livere/Gitalk/Valine/Utterances/Facebook Comments）
|
||
- [x] 支持雙評論部署
|
||
- [x] 多種在線聊天（Chatra/Tidio/Daovoice/Gitter/Crisp）
|
||
- [x] 多種分析系統（百度分析/谷歌分析/騰訊分析/CNZZ分析）
|
||
- [x] 谷歌廣告/手動廣告位置
|
||
- [x] 各種站長驗證（Google/Bing/Baidu/360/Yandex）
|
||
- [x] 修改網站配色
|
||
- [x] 打字特效 activate_power_mode
|
||
- [x] 多種背景特效（靜止彩帶/動態彩帶/Canvas Nest）
|
||
- [x] 多種鼠標點擊特效（煙花/文字/愛心）
|
||
- [x] 內置一種 Preloader 加載動畫
|
||
- [x] 不蒜子訪問統計
|
||
- [x] 兩種大圖模式（Medium Zoom/Fancybox）
|
||
- [x] Mermaid 圖表顯示
|
||
- [x] 照片牆
|
||
- [x] 圖片懶加載
|
||
- [x] Instantpage/Pangu/Snackbar彈窗/PWA......
|
||
|
||
## 截圖
|
||
|
||
|
||
|
||
|
||
|
||
|