Markdown 渲染测试

测试各种 Markdown 元素的渲染效果,包括标题、列表、表格、代码块、数学公式等。

这篇文章用于测试博客的 Markdown 渲染能力,包含了各种常见的 Markdown 元素。

标题层级

三级标题

四级标题

文本格式

这是粗体文本,这是斜体文本,这是删除线文本,这是 inline code

这是链接,这是https://example.com(自动链接)。

引用

这是一段引用文本。

引用可以包含多个段落。

嵌套引用也是支持的。

列表

无序列表

  • 第一项
  • 第二项
    • 嵌套项 1
    • 嵌套项 2
  • 第三项

有序列表

  1. 第一步
  2. 第二步
  3. 第三步

任务列表

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

表格

语法说明示例
标题一级标题# Title
粗体加粗文本**text**
斜体倾斜文本*text*
代码行内代码`code`

对齐方式

左对齐居中对齐右对齐
内容内容内容
较长的文字居中123.45

代码块

JavaScript

// 箭头函数
const greet = (name) => {
return `Hello, ${name}!`;
};
// 解构赋值
const { title, date } = post;

Python

# 列表推导式
squares = [x**2 for x in range(10)]
# 装饰器
def timer(func):
def wrapper(*args, **kwargs):
import time
start = time.time()
result = func(*args, **kwargs)
print(f"{func.__name__} took {time.time() - start:.2f}s")
return result
return wrapper

Go

package main
import "fmt"
func main() {
ch := make(chan int, 2)
go func() {
ch <- 42
}()
value := <-ch
fmt.Println(value)
}

代码块标题

types.ts
export interface User {
id: string;
name: string;
email: string;
createdAt: Date;
}
export type UserId = User['id'];

数学公式

行内公式

欧拉公式:eiπ+1=0e^{i\pi} + 1 = 0

二次方程求根公式:x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

块级公式

n=11n2=π26\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}

矩阵

A=(a11a12a13a21a22a23a31a32a33)A = \begin{pmatrix} a_{11} & a_{12} & a_{13} \\ a_{21} & a_{22} & a_{23} \\ a_{31} & a_{32} & a_{33} \end{pmatrix}

多行公式

f(x)=x2+3x+2f(x)=2x+3f(x)=2\begin{align*} f(x) &= x^2 + 3x + 2 \\ f'(x) &= 2x + 3 \\ f''(x) &= 2 \end{align*}

分隔线


注意事项

:::note 这是一个提示框,用于显示提示信息。 :::

:::caution 这是一个警告框,用于显示需要注意的信息。 :::

脚注

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

定义列表

术语 1 : 定义 1

术语 2 : 定义 2 : 定义 3

HTML 支持

点击展开查看详情

这是折叠内容。

  • 项目 1
  • 项目 2

图片

示例图片

图片说明:这是一张示例图片


以上就是各种 Markdown 元素的渲染测试。

Footnotes

  1. 这是脚注的内容。

  2. 这是一个较长的脚注。

    可以包含多个段落。

评论