Butterfly 4.13 更新日誌
內容
適配 waline v3
適配 artalk 新版
修復
修復文章頁面,twikoo 無法獲取評論數的 bug
優化
首頁多個標籤和分類時,每個都增加標識
文章頁標題改為左邊
Butterfly 4.12 更新日誌
內容
適配 Artalk 新版本
card_post_series 可配置標題顯示為系列的名字
cdn 的 version 默認為 true
修復
當 front-matter 的 toc_number 沒有值時,toc_number 沒有按照主題配置應用的 bug
Github 最新評論獲取報錯的 bug
優化
標題點擊範圍縮小為字體本身
Waline 增加 destroy 調用
Butterfly 4.11 更新日誌
內容
適配 hexo 7.0.0
修復
當瀏覽器不支持代碼複製時,提示不顯示的 bug
設置 click_to_scroll 後, 點擊標題中的鏈接無法正確跳轉的 bug
切換評論時,控制枱報 loadOtherComment 沒有定義的 bug
優化
sidebar ui 微調
避免因為沒有更新配置而報錯的問題
更新插件版本
Butterfly 4.10 更新日誌
破壞性內容
更改 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 mobi ...
自定義側邊欄
適用於 >= 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 setting ...
Butterfly添加全局吸底Aplayer教程
以下文章只是教程
如果部署之后,并没有出现 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" class="apl ...
自定義代碼配色
在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上下載這個CSS)
Kimbiedark.css代碼如下
123456789101112131415161718192021222324252627282930 ...
Butterfly 更新日誌
4.9.0 之後的更新日誌將會單獨文章發佈,請查看 更新日誌
你可以通過右下角的 簡 按鈕切換為簡體顯示
4.9.0 (2023/06/06)4.9.0 (2023/06/06)Feature
適配 mermaid v10
大於 2000px 時,顯示區域增大
可配置 header 和 footer 是否添加黑色半透遮罩
1234+# Add mask to header or footer (為 header 或 footer 添加黑色半透遮罩)+mask:+ header: true+ footer: true
artalk 最新評論改為 api 直接調用
waline 最新評論和評論數改為 api 直接調用
再次點擊右下角聊天按鈕,可關閉聊天
適配新版 artalk
支持隨機友鏈順序
Fix
修復 行內 mathjax 出現滾動條的 bug
修復當 top_img 為顏色時, 閲讀模式的頂部依舊顯示顏色的 bug
修復配置 subtitle 的 sub 沒有生效的 bug
Improvement
更新 hexo-render ...
Butterfly 安裝文檔(六) 進階教程
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 📌 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程
你可以通過右下角的 簡 按鈕切換為簡體顯示
建議
不要把個人需要的文件/圖片放在主題source文件夾裏,因為在升級主題的過程中,可能會把文件覆蓋刪除了。在Hexo根目錄的source文件夾裏,創建一個文件夾來放置個人文件/圖片。引用文件直接為/文件夾名稱/文件名
音樂音樂界面使用了插件 hexo-tag-aplayer使用方法請參考插件文檔
音樂頁面只是普通的page頁,按普通頁面操作生成就行。
以下內容可供選擇配置
注意: 仍需要安裝插件hexo-tag-aplayer
插件會在每一個文件都插入 js 和 css,為了避免這一情況,3.0 版本內置了 aplayer 需要的 css 和 js。
首先在Hexo根目錄_config裏配置asset_inject為false
12aplayer: asset_inject: false
然後在你需要使用aplayer的頁面Front-matter添加
1a ...
Butterfly 安裝文檔(五) 主題問答
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 📌 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程
你可以通過右下角的 簡 按鈕切換為簡體顯示
以下是一些網友在安裝的過程中出現的問題。在提問題之前,先看有沒有解決方法。
運行後網頁顯示代碼頁面只顯示 extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content include includes/aside.pug
請下載安裝:npm install hexo-renderer-pug hexo-renderer-stylus --save or yarn add hexo-renderer-pug hexo-renderer-stylus
配置友情鏈接報錯配置友情鏈接頁面時出現報錯
123456789101112131 ...