Butterfly 5.0 更新日誌
重大變更由於整合了多個設定並更改了部分設定名稱,升級到 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...
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 ...
自定義側邊欄
適用於 >= 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...
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"...
自定義代碼配色
在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 上下載這個...
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 更新...
Butterfly 文檔(六) 進階教程
📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 📌 主題配置 - ⚔️ 標簽外掛 - ❓ 主題問答 - ⚡️ 進階教程 你可以通過右下角的 簡 按鈕切換為簡體顯示 建議 不要把個人需要的文件/圖片放在主題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 的頁面...