mirror of https://github.com/jerryc127/hexo-theme-butterfly.git synced 2025-09-15 12:58:48 +08:00

Jerry 554d05d576 feat: note 標籤優化(可自定義icon圖標/可覆蓋配置中的style)

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引入

2020-09-12 02:44:57 +08:00

3.3 KiB

Raw Blame History

hexo-theme-butterfly

預覽: 👍 Butterfly || 🤞 JerryC

文檔: 📖 Butterfly Docs

一款基於hexo-theme-melody修改的主題

安裝

Git 安裝

本倉庫同時上傳到 Gitee，如果你訪問 Github 緩慢，可從 Gitee 中下載。

在博客根目錄裡安裝穩定版【推薦】

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

如果想要安裝比較新的dev分支，可以

git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

npm 安裝

此方法只支持Hexo 5.0.0以上版本

在博客根目錄裡

npm i hexo-theme-butterfly

應用主題

修改hexo配置文件_config.yml，把主題改為Butterfly

theme: butterfly

如果你沒有pug以及stylus的渲染器，請下載安裝： npm install hexo-renderer-pug hexo-renderer-stylus --save

特色

卡片化設計
支持二級目錄
雙欄設計
響應式主題
夜間模式
Pjax
文章閲讀模式
簡體和繁體轉換
電腦和手機都可查看TOC目錄
內置多種代碼配色（darker/pale night/light/ocean/mac/mac light），可自定義代碼配色
代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行
可關閉文字複製/可開啟內容複製增加版權信息）
兩種搜索（Algolia搜索和本地搜索）
Mathjax 和 Katex
內置404頁面
顯示字數統計
顯示相關文章
過期文章提醒
多種分享系統（AddThis/Sharejs/Addtoany）
多種評論系統（Disqus/Disqusjs/Livere/Gitalk/Valine/Utterances/Facebook Comments）
支持雙評論部署
多種在線聊天（Chatra/Tidio/Daovoice/Gitter/Crisp）
多種分析系統（百度分析/谷歌分析/騰訊分析/CNZZ分析）
谷歌廣告/手動廣告位置
各種站長驗證（Google/Bing/Baidu/360/Yandex）
修改網站配色
打字特效 activate_power_mode
多種背景特效（靜止彩帶/動態彩帶/Canvas Nest）
多種鼠標點擊特效（煙花/文字/愛心）
內置一種 Preloader 加載動畫
不蒜子訪問統計
兩種大圖模式（Medium Zoom/Fancybox）
Mermaid 圖表顯示
照片牆
圖片懶加載
Instantpage/Pangu/Snackbar彈窗/PWA......

3.3 KiB Raw Blame History Unescape Escape

hexo-theme-butterfly

安裝

Git 安裝

npm 安裝

應用主題

特色

截圖

3.3 KiB

Raw Blame History