Markdown to HTML function Test

作者:QingXuan2000

发布日期:2026年04月05日 21:34

Markdown 全面测试文档

本文档用于测试博客系统的 Markdown 转 HTML 功能,包含所有标准元素和扩展元素



1. 基础排版

1.1 标题

一级标题 (H1)

二级标题 (H2)

三级标题 (H3)

四级标题 (H4)

五级标题 (H5)
六级标题 (H6)

1.2 段落与文本样式

这是一个普通段落。Markdown 允许段落内包含粗体文本斜体文本粗斜体删除线高亮文本(mark 扩展)。

还可以使用上标2和下标2(caret 和 tilde 扩展)。

1.3 换行与分隔线

这是第一行
这是第二行(使用两个空格换行)

这是第一段

这是第二段(使用空行分段)


上面是一条分隔线


这也是分隔线


这还是分隔线


2. 列表

2.1 无序列表

  • 项目 1
  • 项目 2
  • 子项目 2.1
  • 子项目 2.2
    • 子子项目 2.2.1
  • 项目 3

2.2 有序列表

  1. 第一步
  2. 第二步
  3. 子步骤 2.1
  4. 子步骤 2.2
  5. 第三步

2.3 混合列表

  1. 主要任务
    - 子任务 A
    - 子任务 B
  2. 次要任务
    - 子任务 C
    1. 步骤 1
    2. 步骤 2

2.4 任务列表 (Tasklist 扩展)

  • 已完成任务
  • 未完成任务
  • 另一个已完成任务
  • 子任务
  • 已完成的子任务

3. 链接与图片

3.1 普通链接

3.2 引用链接

GitHub 是一个代码托管平台,GitLab 是另一个选择。

3.3 图片

替代文本

3.4 带链接的图片

点击访问


4. 代码

4.1 行内代码

使用 print("Hello World") 输出文本。

4.2 代码块

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
 Copy# Python 代码示例
def fibonacci(n):
    """生成斐波那契数列"""
    a, b = 0, 1
    for _ in range(n):
        yield a
        a, b = b, a + b

# 使用生成器
for num in fibonacci(10):
    print(num)
1
2
3
4
5
6
 Copy// JavaScript 代码示例
const greeting = (name) => {
    return `Hello, ${name}!`;
};

console.log(greeting("World"));
1
2
3
4
5
6
7
 Copy/* CSS 代码示例 */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

4.3 行号代码块 (CodeHilite)

1
2
3
4
5
6
7
8
 Copydef 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)

5. 表格

5.1 基础表格

姓名 年龄 城市
张三 25 北京
李四 30 上海
王五 28 广州

5.2 对齐表格

左对齐 居中 右对齐
内容 内容 内容
更多 更多 更多

5.3 复杂表格

功能 描述 状态
登录 用户认证功能
注册 新用户注册
支付 在线支付集成 🚧
分析 数据统计分析

6. 引用块

这是一个引用块。
可以包含多行内容。

嵌套引用:

这是第二层引用。

这是第三层引用。

引用块内也可以使用其他 Markdown 元素:
- 列表项
- 粗体文本
- 代码


7. 数学公式 (Arithmatex 扩展)

7.1 行内公式

爱因斯坦的质能方程 \(E=mc^2\) 是物理学中著名的公式。

二次方程的解为 \(x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}\)

7.2 块级公式

\[ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} \]
\[ \sum_{i=1}^{n} i = \frac{n(n+1)}{2} \]

7.3 复杂公式

\[ \begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \\ \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \\ \nabla \cdot \mathbf{B} &= 0 \\ \nabla \times \mathbf{B} &= \mu_0\mathbf{J} + \mu_0\varepsilon_0\frac{\partial \mathbf{E}}{\partial t} \end{aligned} \]

8. Admonition 提示框 (扩展)

注意

这是一个提示框,用于显示重要信息。

警告

这是一个警告框,用于提醒用户注意。

危险

这是一个危险提示框,用于显示严重警告。

提示

这是一个技巧提示框,用于分享有用的小技巧。

信息

这是一个信息框,用于显示一般信息。

成功

这是一个成功提示框。


9. Details 折叠详情 (扩展)

点击展开查看详情 这是折叠的内容,可以包含: - 列表 - **粗体文本** - `代码`
1
 Copyprint("折叠的代码块")
默认展开的详情 这个详情块默认是展开状态的。

10. Tabbed 标签页 (扩展)

1
2
 Copydef hello():
    print("Hello from Python!")
1
2
3
 Copyfunction hello() {
    console.log("Hello from JavaScript!");
}
1
2
3
 Copyfn hello() {
    println!("Hello from Rust!");
}
1
2
3
4
5
 Copypackage main
import "fmt"
func main() {
    fmt.Println("Hello from Go!")
}

11. 特殊字符与转义

11.1 特殊字符

  • & 符号
  • < 小于号
  • > 大于号
  • ” 双引号
  • ’ 单引号

11.2 转义字符

* 不是斜体 *
` 不是代码 `
[ 不是链接 ]


12. 脚注 (扩展)

这是一个带脚注的句子1

这是另一个带脚注的句子2


13. 缩写 (扩展)

HTMLCSS 是网页开发的基础技术,JS 用于添加交互功能。


14. Emoji 表情 (扩展)

😄 ❤️ 👍 🚀 ⭐️ 🔥 🐛 ⚠️ 💡 📖


15. 进度条 (Progressbar 扩展)






16. 键盘按键 (Keys 扩展)

按下 Ctrl+Alt+Del 打开任务管理器。

复制:Ctrl+C
粘贴:Ctrl+V
保存:Ctrl+S



18. 定义列表 (扩展)

术语 1
定义 1 的内容
术语 2
定义 2 的第一段
定义 2 的第二段

19. 目录 (TOC 扩展)


20. 水平线样式







结语

本文档涵盖了 Markdown 的大部分功能,包括:

  1. 基础排版(标题、段落、文本样式)
  2. 列表(无序、有序、任务列表)
  3. 链接与图片
  4. 代码(行内、代码块、语法高亮)
  5. 表格
  6. 引用块
  7. 数学公式
  8. Admonition 提示框
  9. Details 折叠详情
  10. Tabbed 标签页
  11. Emoji 表情
  12. 键盘按键
  13. 进度条
  14. 脚注
  15. 智能链接

  1. 这是第一个脚注的内容。 

  2. 这是第二个脚注的内容,可以很长。