hexo butterfly常用设置

设置文章链接不使用文章名称

修改hexo的_config.yml

1
permalink: :year/:month/:day/:hash/

连接锚点设置

butterfly的_config.yml配置锚点:

1
2
3
4
5
# anchor
anchor:
# 当您滚动帖子时,URL 将根据标题 ID 更新。
# when you scroll, the URL will update according to header id.
auto_update: true

折叠图

1
2
3
4
5
{% hideToggle 点击以打开 %}

内容

{% endhideToggle %}
点击以打开

内容

分栏tab

tab名字为第一个Tab

只有图标 没有Tab名字

名字+icon

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test4 %}
<!-- tab 第一个Tab -->
**tab名字为第一个Tab**
<!-- endtab -->

<!-- tab @fab fa-apple-pay -->
**只有图标 没有Tab名字**
<!-- endtab -->

<!-- tab 炸弹@fas fa-bomb -->
**名字+icon**
<!-- endtab -->
{% endtabs %}

标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{% note simple %}
默认 提示块标签
{% endnote %}

{% note default simple %}
default 提示块标签
{% endnote %}

{% note primary simple %}
primary 提示块标签
{% endnote %}

{% note success simple %}
success 提示块标签
{% endnote %}

{% note info simple %}
info 提示块标签
{% endnote %}

{% note warning simple %}
warning 提示块标签
{% endnote %}

{% note danger simple %}
danger 提示块标签
{% endnote %}

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{% note no-icon %}
默认 提示块标签
{% endnote %}

{% note default no-icon %}
default 提示块标签
{% endnote %}

{% note primary no-icon %}
primary 提示块标签
{% endnote %}

{% note success no-icon %}
success 提示块标签
{% endnote %}

{% note info no-icon %}
info 提示块标签
{% endnote %}

{% note warning no-icon %}
warning 提示块标签
{% endnote %}

{% note danger no-icon %}
danger 提示块标签
{% endnote %}

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{% note modern %}
默认 提示块标签
{% endnote %}

{% note default modern %}
default 提示块标签
{% endnote %}

{% note primary modern %}
primary 提示块标签
{% endnote %}

{% note success modern %}
success 提示块标签
{% endnote %}

{% note info modern %}
info 提示块标签
{% endnote %}

{% note warning modern %}
warning 提示块标签
{% endnote %}

{% note danger modern %}
danger 提示块标签
{% endnote %}

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

  1. 简易标签

  2. modern标签

  3. 无icon标签

数学公式katex

  1. 更换插件
1
2
3
4
npm un hexo-renderer-marked --save # 卸载 marked 插件
npm un hexo-renderer-kramed --save # 卸载 kramed 插件
npm i hexo-renderer-markdown-it --save # 安装渲染插件
npm install @neilsustc/markdown-it-katex --save # 安装katex插件
  1. butterfly配置启动latex插件
1
2
3
4
5
6
7
# Math (數學)

# KaTeX
katex:
enable: true
per_page: false
hide_scrollbar: true
  1. 博客yml配置中增加
1
2
3
4
5
6
7
markdown:
plugins:
- plugin:
name: '@neilsustc/markdown-it-katex'
options:
strict: false

  1. 博客页面配置开启latex
1
2
3
4
5
6
7
8
9
---
title: bert详解
date: 2024-03-31 14:51:21
katex: true
category:
- ai
tag:
- ai
---
  1. letex语法如下:
1
$concurrency = cost_\text{avg} \times qps \quad (1)$
1
2
3
4
5
6
7
8
9
$$
\begin{equation}
\mathcal{F} = \begin{cases}
\infty & \text{if } \mathcal{M}_{measure} < \alpha \times \mathcal{M}_{expect} \\
\mathcal{M}_\text{expect} / \mathcal{M}_\text{measure} & \text{if } \alpha \times \mathcal{M}_{expect} < \mathcal{M}_{measure} < \mathcal{M}_{expect} \\
\sqrt{\frac{\mathcal{M}_{expect}}{\mathcal{M}_{measure}}} & \text{if } \mathcal{M}_{measure} \ge \mathcal{M}_{expect}
\end{cases}
\end{equation}
$$

butterfly 图库设置

wait

参考文档

  1. Hexo-butterfly主题设置文档 https://guguge.top/blog/butterfly/#文档说明
  2. 小标签及边框颜色 https://blog.imzjw.cn/posts/bfdocs/index.html#小标签及边框颜色