Markdown 渲染测试

这是一篇用于测试 Blowfish 主题 Markdown 渲染能力的文章,覆盖常用语法与 Mermaid 图表。

1. 标题层级

#

三级标题

#

四级标题

#

五级标题

#

2. 文本样式

#

• 粗体 和 斜体 和 粗斜体
• 行内代码
• 删除线
• 下划线
• 上标:2¹⁰ = 1024,下标:H₂O
• 高亮:==重点内容== (若有)
• 引用脚注 ¹

3. 列表

#

无序列表

#

• 第一项
• 第二项
  • 嵌套项 A
  • 嵌套项 B
• 第三项

有序列表

#

1. 第一步
2. 第二步
3. 第三步
   1. 子步骤 a
   2. 子步骤 b

任务列表

#

• 已完成任务
• 未完成任务
• 另一个待办

4. 引用

#

这是引用块。

引用可以有多行,支持 粗体 和 代码。

5. 链接

#

• Hugo 官网
• Blowfish 主题
• 自动链接:https://example.com
• 相对链接:首页

6. 图片

#

7. 表格

#

8. 代码块

#

无语言标注

#

echo "hello world"

带语言标注(Go)

#

package main

import "fmt"

func main() {
    // 经典 hello world
    fmt.Println("Hello, Hugo!")
}

带语言标注(Python)

#

def fib(n):
    """斐波那契数列"""
    a, b = 0, 1
    for _ in range(n):
        a, b = b, a + b
    return a

print(fib(10))  # 55

带语言标注(Bash)

#

#!/bin/bash
# 检查端口
if ss -tln | grep -q ':22'; then
    echo "SSH 服务正常运行"
else
    echo "SSH 未监听"
fi

带标题和行号

#

1
2
3

package main
import "fmt"
func main() { fmt.Println("带标题和行号的代码块") }

9. Mermaid 图表

#

流程图

#

graph TD
    A[用户请求] --> B{是否登录?}
    B -->|是| C[进入主页]
    B -->|否| D[跳转登录页]
    D --> E[输入账号密码]
    E --> F{验证通过?}
    F -->|是| C
    F -->|否| D

时序图

#

sequenceDiagram
    participant U as 用户
    participant B as 浏览器
    participant S as 服务器
    U->>B: 点击链接
    B->>S: GET /page
    S-->>B: 200 HTML
    B-->>U: 渲染页面

甘特图

#

gantt
    title 项目计划
    dateFormat YYYY-MM-DD
    section 阶段一
    需求分析 :a1, 2026-08-01, 7d
    设计     :a2, after a1, 5d
    section 阶段二
    开发     :b1, after a2, 14d
    测试     :b2, after b1, 7d

状态图

#

stateDiagram-v2
    [*] --> 待处理
    待处理 --> 处理中: 开始
    处理中 --> 已完成: 完成
    处理中 --> 失败: 出错
    失败 --> 处理中: 重试
    已完成 --> [*]

10. Blowfish 特色 Shortcode

#

提示框

#

折叠面板

#

徽章

#

• 新功能
• 信息
• 警告

图表(Chart.js)

#

按钮

#

11. 数学公式(KaTeX)

#

行内公式:\(E = mc^2\)

独立公式:

12. 嵌入视频

#

13. 水平分隔线

#

14. 转义字符

#

Markdown 特殊字符转义:*不会被解析为粗体*、_下划线_、# 井号。

总结

#

以上覆盖了:

1. 标题、文本样式、列表、任务列表
2. 引用、链接、图片、表格
3. 代码块(多语言 + 标题行号)
4. Mermaid 流程图/时序图/甘特图/状态图
5. Blowfish 特色 shortcode(alert/accordion/badge/chart/kbd)
6. KaTeX 数学公式、YouTube 嵌入

如果这些都能正常渲染,说明主题功能完整,可以放心写正式文章了。