進階教程

前言本主題已將內建的 APlayer / Meting 音樂播放器支援移除。若你原本在網站中透過主題注入播放器（例如音樂頁、文章內播放器、懸浮播放器），更新後這些播放器將不會再被主題自動載入。 這篇文章說明： 移除影響了哪些東西 想要繼續使用的話，如何改用替代方式 不需要的話，如何徹底清理殘留資源 一、這次移除的內容主題層級移除的程式碼如下（若你的網站完全沒有使用播放器，則以下都不需要處理）： themes/butterfly/layout/includes/third-party/aplayer.pug 原本負責載入 APlayer 的 CSS、APlayer.js 與 Meting.js，並處理 pjax 切頁時播放器銷毀／重跑。 themes/butterfly/layout/includes/additional-js.pug 原本根據 aplayer & aplayerInject 判斷是否引入上面那個檔案，也已移除。 themes/butterfly/source/css/_layout/third-party.styl 與 dark...

適用於 >= 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 sett...

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