Butterfly

📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 📌 主題配置 - ⚔️ 標簽外挂 - ❓ 主題問答 - ⚡️ 進階教程 你可以通過右下角的 簡 按鈕切換為簡體顯示 hexo-theme-butterfly 是基於 hexo-theme-melody 的基礎上進行開發的主题。 安裝Git 安裝npm 安裝如果你身處中國大陸，且訪問 Github 不穩定，你可以用 Gitee 安裝穩定版【建議】 在你的 Hexo 根目錄下 1git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly 測試版 測試版可能存在 Bugs，追求穩定的請安裝穩定版 如果想要安裝比較新的 dev 分支，可以 1git clone -b dev https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly 升級方法：在主題目錄下，運行 git pull 穩定版【建議】 在你的 Hexo...

重大變更由於整合了多個設定並更改了部分設定名稱，升級到 5.0 版本時，請重新設定 _config.yml 檔案。 新增功能與改進 新增 macstyle 設定，取消 mac / mac light 主題設定 整合搜尋相關設定 修改程式碼區塊設定 主頁文章新增多種版面配置 新增說說頁面 適配 hexo-blog-encrypt 加密外掛 改善手機端目錄的開啟效果 新增平滑滾動功能 支援以程式碼區塊方式撰寫 mermaid 圖表 可自訂文章標題位置 新增程式碼全螢幕按鈕 友情連結頭像改為圓角設計 優化程式碼，使用 hexo-util 的參數和 hexo 內建參數 可自訂搜尋框提示文字 未設定選單時，不顯示側邊欄目錄和按鈕 螢幕寬度超過 2000px 時，增加卡片高度 根據語言設定調整字型：簡體中文使用雅黑，其他使用正黑體 更新 plugins.yml 全新的側邊欄介面設計 新增 giscus 的 js 設定 調整 utterances js 的設定位置 新增 utterances option 設定 修改 giscus...

內容 適配 waline v3 適配 artalk 新版 修復 修復文章頁面，twikoo 無法獲取評論數的 bug 優化 首頁多個標籤和分類時，每個都增加標識 文章頁標題改為左邊

內容 適配 Artalk 新版本 card_post_series 可配置標題顯示為系列的名字 cdn 的 version 默認為 true 修復 當 front-matter 的 toc_number 沒有值時，toc_number 沒有按照主題配置應用的 bug Github 最新評論獲取報錯的 bug 優化 標題點擊範圍縮小為字體本身 Waline 增加 destroy 調用

內容 適配 hexo 7.0.0 修復 當瀏覽器不支持代碼複製時，提示不顯示的 bug 設置 click_to_scroll 後， 點擊標題中的鏈接無法正確跳轉的 bug 切換評論時，控制枱報 loadOtherComment 沒有定義的 bug 優化 sidebar ui 微調 避免因為沒有更新配置而報錯的問題 更新插件版本

破壞性內容 更改 rightside-bottom 為 rightside_bottom 12- rightside-bottom:+ rightside_bottom: 重構 gallery 標籤外掛 寫法變更 默認為滾動到顯示區域才加載圖片 更改依賴， 由 nk-o/flickr-justified-gallery 改為 egjs-infinitegrid 12345 CDN: option:- # flickr_justified_gallery_js:- # flickr_justified_gallery_css:+ # egjs_infinitegrid: 更改 ClickShowText 為 clickShowText 123456789101112131415-ClickShowText:+clickShowText: enable: false text: - I - LOVEeeeeeeeeeeeee - YOU fontSize: 15px random: true ...

適用於 >= 3.8.0 側邊欄現在支持自定義了，可以添加自己喜歡的 widget。 可添加自己的 widget，也可以對現有的 widget 進行排序（博客資料和 公告這兩個固定，其它的能排序） widget 排序只需要配置 sort_order就行。（使用了 Flex 佈局的 order 屬性，具體可查看 mozilla 文檔。簡單來講，就是配置數字來實現排序，如果不配置，則默認為 0。數字越小，排序越靠前。 12345678910111213141516aside: ... card_recent_post: sort_order: # Don't modify the setting unless you know how it works card_categories: sort_order: # Don't modify the setting unless you know how it works card_tags: sort_order: # Don't modify the...

當設置 top_img 為 false 時，不顯示頂部圖

以下文章只是教程 如果部署之后，并没有出现 aplayer , 请确认是否跟足步骤操作或者更换音乐源，多试试。 如果遇到使用問題，请仔细查看插件文档，或者到插件那裏反饋。 前言如果你想使用 aplayer，很多人都會推薦安裝 hexo-tag-aplayer 這款插件。這款插件通過 Hexo 獨有的標籤外掛，我們可以很方便的寫入一些參數，插件就會幫我們生成對應的 html。如果你只是使用一些簡單的功能，其實無需使用到這個插件，只需以 html 格式書寫就行，不用插件去轉換。 例如： 如果使用插件，在 markdown 中要這樣寫 1{% meting "000PeZCQ1i4XVs" "tencent" "artist" "theme:#3F51B5" "mutex:true" "preload:auto" %} 其會被插件渲染為 1<div id="aplayer-uxAIfEUs"...

在Butterfly-安裝文檔-三-主題配置中已經介紹瞭如何使用自定義代碼配色。 這篇文章是使用自定義代碼配色的實例教程。 Highlight以使用Kimbie dark主題配色為例子 配置hljs為true修改 Hexo 根目錄下的_config.yml 123456highlight: enable: true line_number: true auto_detect: false tab_replace: hljs: true 配置highlight_theme為false修改主題配置文件 1highlight_theme: false 下載和修改 CSS 文件在Github上找到這個 CSS 在 Hexo 的根目錄source文件夾下創立一個self文件夾，在self文件夾創建一個Kimbiedark.css文件 把 Github 上Kimbie dark的 CSS 代碼複製到Kimbiedark.css去。（你也可以直接從 Github 上下載這個...