本文档用于测试 Gruvbox Dark 主题下各种 Markdown 元素的渲染效果。

1. 排版 (Typography)

标题 (Headings)

一级标题 Heading 1

二级标题 Heading 2

三级标题 Heading 3

四级标题 Heading 4

五级标题 Heading 5

六级标题 Heading 6

文本格式 (Text Formatting)

• 粗体文本 (Bold)
• 斜体文本 (Italic)
• 删除线文本 (Strikethrough)
• 内联代码 (Inline code) 看起来是这样的。
• 链接到 Google

2. 列表 (Lists)

无序列表 (Unordered)

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

有序列表 (Ordered)

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

任务列表 (Task List)

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

3. 代码块 (Code Blocks)

TypeScript

interface User {
  id: number;
  name: string;
  role: "admin" | "user";
}

function greet(user: User): string {
  return `Hello, ${user.name}!`;
}

// Comments look like this
const user: User = { id: 1, name: "Hanasaki", role: "admin" };
console.log(greet(user));

Rust

fn main() {
    let name = "World";
    println!("Hello, {}!", name);
}

struct Point {
    x: i32,
    y: i32,
}

Bash

# Install dependencies
bun install

# Start dev server
bun run dev

4. 数学公式 (Math / Katex)

行内公式 (Inline)

二次方程的解是 $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$。

块级公式 (Block)

麦克斯韦方程组：

5. 表格 (Tables)

6. 引用 (Blockquotes)

这是一个引用块。

它支持 Markdown 语法。

嵌套的引用块也可以正常工作。

7. 图片 (Images)

8. Callout

9. Mermaid

  graph TD
      A[Start] --> B{Decision}
      B -->|Yes| C[OK]
      B -->|No| D[End]

10. D2

direction: right

installation -> configuration