Hexo

前言如果你想使用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="000PeZCQ1i4XVs" data-server=&qu ...

在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 ...

📖 本教程更新於 2020 年 10 月 28 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.3.0 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞 如果有安裝這兩個插件的，請卸載掉，會導致主題報錯。hexo-inject 和 hexo-neat 3.3.0 (2020/10/28) 3.3.0 (2020/10/28)Breaking Change 只支持 hexo 5.0.0 及以上版本 不再支持 butterfly.yml 寫法 Feature Valine 增加 option 設置 12valine:+ option: toc改為aside顯示,去掉sidebar 手機toc ui 修改 去掉 toc auto_open 配置 1234toc: enable: true number: true- auto_open: true # au ...

📖 本教程更新於 2020 年 10 月 28 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.3.0 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞 如果有安裝這兩個插件的，請卸載掉，會導致主題報錯。hexo-inject 和 hexo-neat 建議 不要把個人需要的文件/圖片放在主題source文件夾裏，因為在升級主題的過程中，可能會把文件覆蓋刪除了。在Hexo根目錄的source文件夾裏，創建一個文件夾來放置個人文件/圖片。文件夾不能命名為css、js和img引用文件直接為/文件夾名稱/文件名 Gulp壓縮Gulp 是一款自動化構建的工具，擁有眾多的插件。而我們只需要使用到幾個插件來壓縮Html/css/js。 安裝Gulp1npm install --global gulp-cli 插件安裝壓縮HTML可以使用gulp-htmlclean和gulp-html ...

📖 本教程更新於 2020 年 10 月 28 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.3.0 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-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 ...

📖 本教程更新於 2020 年 10 月 28 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.3.0 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞 如果有安裝這兩個插件的，請卸載掉，會導致主題報錯。hexo-inject 和 hexo-neat 評論通用設置DisqusDisqusjslivere（來必力）GitalkValineUtterancesFacebook CommentsTwikoo從3.0.0開始，開啟評論需要在comments-use中填寫你需要的評論。 支持雙評論顯示，只需要配置兩個評論（第一個為默認顯示） 1234567891011comments: # Up to two comments system, the first will be shown as default # Choose: Disqus/Disqusjs/Livere/G ...

📖 本教程更新於 2020 年 10 月 28 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.3.0 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞 如果有安裝這兩個插件的，請卸載掉，會導致主題報錯。hexo-inject 和 hexo-neat 語言修改站點配置文件 _config.yml 默認語言是 en 主題支持三種語言 default(en) zh-CN (簡體中文) zh-TW (繁體中文) 網站資料修改網站各種資料，例如標題、副標題和郵箱等個人資料，請修改博客根目錄的_config.yml 導航菜單修改 主題配置文件 12345678910menu: Home: / || fas fa-home Archives: /archives/ || fas fa-archive Tags: /tags/ || fas fa-tags Categori ...

📖 本教程更新於 2020 年 10 月 28 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.3.0 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞 如果有安裝這兩個插件的，請卸載掉，會導致主題報錯。hexo-inject 和 hexo-neat Front-matterFront-matter 是檔案最上方以 --- 分隔的區域，用於指定個別檔案的變數。 如果標注可選的參數，可根據自己需要添加，不用全部都寫在markdown裏 Page Front-matter123456789101112131415---title:date:updated:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer:highlight_shrink:--- 寫法 解釋 title ...

📖 本教程更新於 2020 年 10 月 28 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意） 🦋 Butterfly 已經更新到 3.3.0 📚 文檔目錄 🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-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- ...