Files
hexo-theme-butterfly/README_CN.md
T
Jerry 06f543ed96 由於整合了多個設定並更改了部分設定名稱,升級到 5.0 版本時,請重新設定 _config.yml 文件。
1. 新增 macstyle 設定,取消 mac / mac light 主題設定
2. 整合搜索相關設定
3. 修改程式碼區塊設定
4. 主頁文章新增多種版面配置
5. 新增說說頁面
6. 適配 hexo-blog-encrypt 加密插件
7. 改善手機端目錄的開啟效果
8. 新增平滑滾動功能
9. 支持以程式碼區塊方式撰寫 mermaid 圖表
10. 可自訂文章標題位置
11. 新增程式碼全螢幕按鈕
12. 友情連結頭像改為圓角設計
13. 優化程式碼,使用 hexo-util 的參數和 hexo 內建參數
14. 可自訂搜索框提示文字
15. 未設定選單時,不顯示側邊欄目錄和按鈕
16. 螢幕寬度超過 2000px 時,增加卡片高度
17. 根據語言設定調整字體:簡體中文使用雅黑,其他使用正黑體
18. 更新 plugins.yml
19. 全新的側邊欄界面設計
20. 新增 giscus 的 js 設定
21. 調整 utterances js 的設定位置
22. 新增 utterances option 設定
23. 修改 giscus 的主題設定
24. 多個界面元素改為圓角設計
25. 可選擇圓角或直角界面風格
26. 圖庫加載按鈕新增圖標
27. 改善標籤頁面的滑鼠懸停效果
28. 調整側邊欄的滑鼠懸停效果
29. 微調部分界面元素

1. 修復 Hexo 新版本下 Prism.js 無法正確高亮的問題
2. 修復文章標籤為空時可能出現的錯誤
3. 修正 mermaid 圖表可能出現的錯誤
4. 解決未設定選單時控制台報錯的問題
5. 修復 Algolia 搜索的每頁顯示數量設定無效的問題
6. 解決 Algolia 搜索結果出現滾動條的問題
7. 修正滾動條出現上下按鈕的問題
8. 修復圖庫遠程連結未加前綴的問題
9. 修正 label 標籤外掛右側多餘空格的問題
10. 解決 APlayer 報告內存洩漏的問題

1. 優化 PJAX 下的函數調用
2. 整體代碼優化
3. 提升兼容性
4. 改善 Lighthouse 評分
5. 在 PJAX 關閉時減少不必要的全局變量
6. 優化 Waline 的 import 兼容性
7. 改善頁面進入效果
8. 優化程式碼區塊工具列顯示邏輯
9. 改善不同螢幕寬度下文章標題位置的顯示
10. 優化標籤顏色生成算法,避免過暗或過亮
11. 調整 Artalk 和 Waline 在夜間模式下的字體顏色,與主題保持一致
12. 調整 Algolia 搜索加載動畫位置,避免換行
13. 優化 Algolia 搜索結果為空時的處理
14. 改善系列文章的滑鼠懸停效果
15. 優化 404 頁面代碼
16. 解決搜索和側邊欄開啟時窗口抖動的問題
17. 優化 tabs 標籤外掛的代碼和效能
18. 改善 tabs 中使用 gallery 標籤外掛時的圖片加載邏輯
19. 優化目錄滾動效果,使當前標題保持在中間
20. 調整螢幕寬度超過 1024px 時 gallerygroup 的顯示數量
2024-08-03 19:05:57 +08:00

4.1 KiB
Raw Blame History

hexo-theme-butterfly

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

📢 預覽: Butterfly / CrazyWong

📖 文檔: 中文 / English


💻 安裝

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),可自定義代碼配色
  • 代碼塊顯示代碼語言/關閉或展開代碼塊/代碼複製/代碼自動換行
  • 可關閉文字複製/可開啟內容複製增加版權信息)
  • 兩種搜索( Algolia 搜索和本地搜索)
  • Mathjax 和 Katex
  • 內置404頁面
  • 顯示字數統計
  • 顯示相關文章
  • 過期文章提醒
  • 多種分享系統(Sharejs/Addtoany
  • 多種評論系統(Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk
  • 支持雙評論部署
  • 多種在線聊天(Chatra/Tidio/Daovoice/Crisp/messenger
  • 多種分析系統
  • 谷歌廣告/手動廣告位置
  • 各種站長驗證
  • 修改網站配色
  • 打字特效 activate_power_mode
  • 多種背景特效(靜止彩帶/動態彩帶/Canvas Nest
  • 多種鼠標點擊特效(煙花/文字/愛心)
  • 內置一種 Preloader 加載動畫和 pace.js 加載動畫條
  • 不蒜子訪問統計
  • 兩種大圖模式(Medium Zoom/Fancybox
  • Mermaid 圖表顯示
  • 照片牆
  • 圖片懶加載
  • Instantpage/Pangu/Snackbar彈窗/PWA......

貢獻者

📷 截圖