自定義代碼配色
在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代碼如下
1234567891011121314151617181920212223242526272829 ...
快捷键—提升你的效率
1、基本操作篇
新建快捷键——【Ctrl+N】
打开快捷键——【Ctrl+O】
撤销快捷键——【Ctrl+Z】
恢复快捷键——【Ctrl+Y】
查找快捷键——【Ctrl+F】
剪切快捷键——【Ctrl+X】
复制快捷键——【Ctrl+C】
粘贴快捷键——【Ctrl+V】
全选快捷键——【Ctrl+A】
以上都是基本操作,能够通用于大部分软件
收起所有窗口——【Win+M】
放大/缩小——【win+ +/-】
我的电脑——【win+E】
桌面——【win+D】
切换窗口——【win+Tab】
锁屏——【win+L】
新建文件夹——【ctrl+shift+N】
分屏——【win+移动键】
中英输入法切换——【shift】
切换输入法——【ctrl+shift】/【Ctrl+空格】
2、触摸板操作篇
单击:一个手指点击触摸板
双击:一个手指点两下触摸板
右击:两个手指同时点下
拖曳:一个手指点两下后按住不动,再拖动
切换程序:三指右滑,左滑
回到桌面:三指下滑
滚轮:双指上下移动
3、强制退出篇
可以按Alt+F4,这个一般是直接关窗口
可以按Ctrl+Esc退回桌面
可以按Alt+Tab ...
Butterfly 打賞
非常感謝以下網友的打賞
更新於 2021-03-17
微信支付寶
名字
金額
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.6
*一
5
*晨
6.66
*隨
8.88
*忘
10
*想
6.66
*喜
2.5
*喜
2.5
*傑
8.88
*雨
10
T*r
10
T*n
2.88
s*n
2
*o
9.99
m*o
2.5
張*i
0.3
*斌
2.88
q*n
20
*唯
8.88
H*n
5
I*U
3.65
*白
6
*猪
6.66
h*i
10
B*g
5
J*R
3
*埃
6.66
等*.
12.5
名字
金額
iMIGw0
10 ...
Butterfly 安裝文檔(七) 更新日誌
📖 本教程更新於 2021 年 05 月 11 日,教程的內容針對最新穩定版而更新(如果你是舊版,教程會有些出入,請留意)
🦋 Butterfly 已經更新到 3.7.7
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞
你可以通過右下角的 簡 按鈕切換為簡體顯示
3.7.7 (2021/05/11)
3.7.7 (2021/05/11)
Improvement
適配新版 waline 夜間模式
3.7.6 (2021/05/09)
3.7.6 (2021/05/09)
Fix
修復標題/博客名有 ‘ 時,pjax 會報錯的 bug
Improvement
css 調整
3.7.5 (2021/05/05)
3.7.5 (2021/05/05)
Breaking Change
site_verification 優化,需自行配置
123456789101112131415161718192021-# Go ...
Butterfly 安裝文檔(六) 進階教程
📖 本教程更新於 2021 年 05 月 11 日,教程的內容針對最新穩定版而更新(如果你是舊版,教程會有些出入,請留意)
🦋 Butterfly 已經更新到 3.7.7
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞
你可以通過右下角的 簡 按鈕切換為簡體顯示
建議
不要把個人需要的文件/圖片放在主題source文件夾裏,因為在升級主題的過程中,可能會把文件覆蓋刪除了。
在Hexo根目錄的source文件夾裏,創建一個文件夾來放置個人文件/圖片。
引用文件直接為/文件夾名稱/文件名
音樂
音樂界面使用了插件 hexo-tag-aplayer
使用方法請參考插件文檔
音樂頁面只是普通的page頁,按普通頁面操作生成就行。
以下內容可供選擇配置
注意: 仍需要安裝插件hexo-tag-aplayer
插件會在每一個文件都插入 js 和 css,為了避免這一情況,3.0 版本內置了 aplayer 需要的 css 和 js。
首先在Hexo根 ...
Butterfly 安裝文檔(五) 主題問答
📖 本教程更新於 2021 年 05 月 11 日,教程的內容針對最新穩定版而更新(如果你是舊版,教程會有些出入,請留意)
🦋 Butterfly 已經更新到 3.7.7
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-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-s ...
Butterfly 安裝文檔(四) 主題配置-2
📖 本教程更新於 2021 年 05 月 11 日,教程的內容針對最新穩定版而更新(如果你是舊版,教程會有些出入,請留意)
🦋 Butterfly 已經更新到 3.7.7
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞
你可以通過右下角的 簡 按鈕切換為簡體顯示
評論
通用設置DisqusDisqusjslivere(來必力)GitalkValineWalineUtterancesFacebook CommentsTwikoo從3.0.0開始,開啟評論需要在comments-use中填寫你需要的評論。
支持雙評論顯示,只需要配置兩個評論(第一個為默認顯示)
1234567891011comments: # Up to two comments system, the first will be shown as default # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utte ...
Butterfly 安裝文檔(三) 主題配置-1
📖 本教程更新於 2021 年 02 月 04 日,教程的內容針對最新穩定版而更新(如果你是舊版,教程會有些出入,請留意)
🦋 Butterfly 已經更新到 3.6.2
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞
你可以通過右下角的 簡 按鈕切換為簡體顯示
語言
修改站點配置文件 _config.yml
默認語言是 en
主題支持三種語言
default(en)
zh-CN (簡體中文)
zh-TW (繁體中文)
網站資料
修改網站各種資料,例如標題、副標題和郵箱等個人資料,請修改博客根目錄的_config.yml
導航菜單
修改 主題配置文件
123456789Home: / || fas fa-homeArchives: /archives/ || fas fa-archiveTags: /tags/ || fas fa-tagsCategories: /categories/ || fas fa-folder-openList| ...
Butterfly 安裝文檔(二) 主題頁面
📖 本教程更新於 2021 年 05 月 11 日,教程的內容針對最新穩定版而更新(如果你是舊版,教程會有些出入,請留意)
🦋 Butterfly 已經更新到 3.7.7
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞
你可以通過右下角的 簡 按鈕切換為簡體顯示
Front-matter
Front-matter 是檔案最上方以 --- 分隔的區域,用於指定個別檔案的變數。
如果標注可選的參數,可根據自己需要添加,不用全部都寫在markdown裏
Page Front-matter
123456789101112131415---title:date:updated:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer:highlight_shrink:---
寫法
解釋
title
【必需】頁面標題
date
【必需】頁面創建日期
t ...
Hexo Built-in Tag Plugins (Hexo內置標籤外掛)
Tag plugins are different from post tags. They are ported from Octopress and provide a useful way for you to quickly add specific content to your posts.
Block Quote
Perfect for adding quotes to your post, with optional author, source and title information.
Alias: quote
123{% blockquote [author[, source]] [link] [source_link_title] %}content{% endblockquote %}
Examples
No arguments. Plain blockquote.
123{% blockquote %}Lorem ipsum dolor sit amet, consectetur adipisci ...