Butterfly

📖 本教程更新於 2020 年 12 月 31 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.5.1 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞 如果有安裝這兩個插件的，請卸載掉，會導致主題報錯。hexo-inject 和 hexo-neat hexo-theme-butterfly是基於Molunerfinn的hexo-theme-melody的基礎上進行開發的。文檔也是在hexo-theme-melody的文檔基礎上修改。因為一些配置變更導致與原主題配置上有部分區別。故如果安裝hexo-theme-butterfly主題，請參考這篇文檔。 安裝Git安裝 (Github)Git安裝 (Gitee)npm安裝穩定版【建議】 在你的博客根目錄裏 1git clone -b master https://github.com/jerryc127/hexo-theme- ...

以下教程並未經過測試，如過遇到問題，請聯係相應的作者。不建議沒 DIY 經驗的使用者操作。 如果你想加入自己的文章到表格，你可以 確保你的文章跟 Butterfly 主題有關 Fork butterfly.js.org 倉庫 修改 source/_posts/butterfly-collection.md 按要求新增 作者 + 文章連結 | Jerry | [教程a](https://butterfly.js.org) 發起 Pull requests ，合併到 butterfly.js.org 倉庫 作者 連結 Jerry 自定義側邊欄 小康 优雅魔改 Lete 乐特 Butterfly主题美化-无修改源码 (持续更新中…) Akilar Hexo博客访问优化日记 Akilar 基于Butterfly主题的美化日记 Akilar 平滑升级魔改后的Hexo主题

適用於 >= 3.5.0 側邊欄現在支持自定義了，可以添加自己喜歡的 widget。 可添加自己的 widget，也可以對現有的 widget 進行排序（由於 widget 過多，會導致 TOC 過早滾動，因此添加的 widget 只會出現在 page 頁。排序只對 sticky_layout 裏的有效，也就是博客資料和 公告這兩個固定，其它的能排序） 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 kn ...

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

以下文章只是教程如果遇到使用問題，请仔细查看插件文档，或者到插件那裏反饋 前言如果你想使用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="aplayer aplayer-tag-marker meting-tag-marker" data-id=" ...

在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代碼如下 12345678910111213141516171819202122232425262728293031 ...

非常感謝以下網友的打賞 更新於 2020-12-27 Wechat 名字 金額 B*X 2.33 A*. 0.01 *虎 3 *、 5 *林 3.75 *雪 10 O*r 15 *泥 0.01 *嗎 5 *鋒 10 *強 5 K*n 6.66 *1 2.22 圖*_ 5 B*e 6.66 n*l 6.66 *仔 5 M*5 2 w*r 18.88 *龍 1.60 *一 5 *晨 6.66 *隨 8.88 *忘 10 *想 6.66 *喜 2.50 *喜 2.50 *傑 8.88 *雨 10 T*r 10 T*n 2.88 s*n 2 *o 9.99 m*o 2.50 張*i 0.30 *斌 2.88 q*n 20 *唯 8.88 H*n 5 I*U 3.65 *白 6 *猪 6.66 Alipay 名字 金額 iMIGw0 10 百事可樂 10 KT 5 JVxie 8.88 ...

📖 本教程更新於 2020 年 12 月 31 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.5.1 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞 如果有安裝這兩個插件的，請卸載掉，會導致主題報錯。hexo-inject 和 hexo-neat 3.5.1 (2020/12/31) 3.5.1 (2020/12/31)Feature twikoo增加 region 配置 Fix 修復twikoo 廣州地域下，最新評論無法讀取的bugs 修復waline背景設置無效的bugs 修復twikoo 廣州地域下，page 頁進入post頁，twikoo評論報錯的bugs 3.5.0 (2020/12/30) 3.5.0 (2020/12/30)Feature aside 個人資料widget可關閉button 1234567891011aside: . ...

📖 本教程更新於 2020 年 12 月 31 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.5.1 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞 如果有安裝這兩個插件的，請卸載掉，會導致主題報錯。hexo-inject 和 hexo-neat 建議 不要把個人需要的文件/圖片放在主題source文件夾裏，因為在升級主題的過程中，可能會把文件覆蓋刪除了。在Hexo根目錄的source文件夾裏，創建一個文件夾來放置個人文件/圖片。文件夾不能命名為css、js和img引用文件直接為/文件夾名稱/文件名 自定義代碼配色點擊前往 自定義側邊欄點擊前往 添加全局吸底Aplayer教程點擊前往 jQuery 加載主題已於 3.4.0 去除 jQuery 的引用，但是部分功能仍需要加載 jQuery（Justified Gallery和 fancybox)。 如果你 ...

📖 本教程更新於 2020 年 12 月 31 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.5.1 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞 如果有安裝這兩個插件的，請卸載掉，會導致主題報錯。hexo-inject 和 hexo-neat 以下是一些網友在安裝的過程中出現的問題。在提問題之前，先看有沒有解決方法。 運行後網頁顯示代碼頁面只顯示 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 hex ...