Markdown Test

这是一篇用于测试 Markdown 渲染的文章。下面展示了各种常用的 Markdown 语法。

标题

Markdown 支持六级标题，从 # 到 ######。

三级标题

四级标题

五级标题

六级标题

文本样式

• 粗体文本
• 斜体文本
• 删除线文本
• 行内代码
• 链接文本

列表

无序列表

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

有序列表

1. 第一步
2. 第二步
3. 第三步
   1. 子步骤 A
   2. 子步骤 B

引用

这是一段引用文本。引用可以包含多行内容，并且可以嵌套。

这是嵌套的引用。

代码块

JavaScript

function greet(name) {
  console.log(`Hello, ${name}!`);
  return `Welcome to my blog, ${name}`;
}

greet('Visitor');

Python

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

# 打印前 10 个斐波那契数
for i in range(10):
    print(f"F({i}) = {fibonacci(i)}")

CSS

.blog-post {
  max-width: 65ch;
  margin: 0 auto;
  line-height: 1.7;
  color: var(--foreground);
}

.blog-post h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

表格

图片

封面图片

文章的封面图片在 frontmatter 中设置，会显示在文章卡片和文章顶部。

正文图片

图片说明：这是一张示例图片，用于测试正文中的图片渲染。

分割线

任务列表

• 创建测试文章
• 编写 Markdown 内容
• 添加示例图片
• 验证渲染效果

数学公式（如果支持）

行内公式：$E = mc^2$

块级公式：

Mermaid 图表

流程图

graph LR
    A[开始] --> B{是否登录?}
    B -->|是| C[显示内容]
    B -->|否| D[跳转登录]
    D --> E[输入凭证]
    E --> F{验证成功?}
    F -->|是| C
    F -->|否| D

时序图

sequenceDiagram
    participant U as 用户
    participant B as 浏览器
    participant S as 服务器
    participant D as 数据库

    U->>B: 访问页面
    B->>S: 发送请求
    S->>D: 查询数据
    D-->>S: 返回结果
    S-->>B: 响应数据
    B-->>U: 渲染页面

类图

classDiagram
    class BlogPost {
        +string title
        +string description
        +Date pubDate
        +string[] tags
        +render()
    }
    class Author {
        +string name
        +string email
        +getPosts()
    }
    Author "1" --> "*" BlogPost : writes

结语

这就是各种 Markdown 语法的测试。希望渲染效果令人满意！

💡 提示：如果你看到这篇文章，说明 Markdown 渲染工作正常。