Butterfly 高级语法测试

本文展示 Butterfly 主题支持的各类高级语法效果。

Note 高亮块

这是一条主要提示信息，用于强调重要内容。

操作成功！任务已顺利完成。

⚠️ 警告信息，请注意操作步骤。

❌ 危险操作，可能导致数据丢失！

这是一般信息提示。

浅色样式的提示块。

不带图标的成功提示。

Label 标签

普通段落中可以添加彩色标签：标签一、成功、警告、危险、信息。

也可以这样使用：项目状态包括 进行中 和 已完成 两种。

Tabs 标签页

代码块使用三个反引号包围，记得指定语言：

1
2
def hello():
    print("Hello, World!")

行内代码用单个反引号 print() 包围，适合在段落中使用。

不想高亮可以用 nohighlight 标记：

1
这是纯文本内容

Button 按钮

基础按钮：

GitHub 仓库 访问链接 蓝色按钮

多彩按钮：

Purple Red Orange Green

Folding 折叠面板

默认折叠块：

点击展开查看更多

这是折叠的内容
支持多行内容
可以放代码、列表等

绿色折叠面板：

点击展开查看更多

这是绿色标题的折叠面板
内容区域可以任意排版

黄色折叠面板：

点击查看警告信息

⚠️ 这里是警告内容
请仔细阅读

红色折叠面板：

点击展开详情

详细内容区域
可以包含代码块：

1
print("Hello")

也可以包含列表：

  • 项目一
  • 项目二

Timeline 时间线

2024-01-15 项目启动

项目正式立项，开始需求分析

2024-02-01 开发阶段

完成核心功能开发

2024-03-01 测试阶段

进行多轮测试，修复 bug

2024-04-01 上线发布

正式发布版本 1.0

Butterfly 官方文档 Butterfly 官方文档 butterfly.js.org
[{"url":"https://picsum.photos/200/150?random=1","alt":"图片1","title":""},{"url":"https://picsum.photos/200/150?random=2","alt":"图片2","title":""},{"url":"https://picsum.photos/200/150?random=3","alt":"图片3","title":""},{"url":"https://picsum.photos/200/150?random=4","alt":"图片4","title":""}]

Mermaid 图表

流程图

时序图

状态图

甘特图

类图

数学公式

行内公式：$E = mc^2$、$\frac{a}{b}$、$\sqrt{x^2 + y^2}$

块级公式：

$$
\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
$$

另一个例子：

$$
\mathbf{X} = \begin{pmatrix}
x_{11} & x_{12} \
x_{21} & x_{22}
\end{pmatrix}
$$

表格示例

功能 语法 难度
基础 Markdown 标准语法 ⭐
Note 提示 {% note %} ⭐
Folding 折叠 {% folding %} ⭐⭐
Mermaid 图表 ```mermaid ⭐⭐
Timeline 时间线 {% timeline %} ⭐⭐

代码块

Python：

1
2
3
4
5
6
7
8
9
10
def quicksort(arr):
    if len(arr) <= 1:
        return arr
    pivot = arr[len(arr) // 2]
    left = [x for x in arr if x < pivot]
    middle = [x for x in arr if x == pivot]
    right = [x for x in arr if x > pivot]
    return quicksort(left) + middle + quicksort(right)

print(quicksort([3, 6, 8, 10, 1, 2, 1]))

JavaScript：

1
2
3
4
5
6
const fibonacci = (n) => {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
};

console.log(fibonacci(10)); // 55

Bash：

1
hexo clean && hexo generate && hexo deploy

引用块

这是一段引用文字
可以包含加粗等格式

也可以分段

结束

以上是 Butterfly 主题主要高级语法的展示。如需了解更多信息，请参考 Butterfly 文档。