Markdown 速查表

一张可扫读的 Markdown 速查表：基础语法 + LaTeX 数学公式 + Mermaid 图表。每条点「试」即可在右侧编辑器实时编辑预览。

#基础语法

标题 Headings

# H1 ## H2 ### H3

Markdown Source

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

Rendered Result

加粗 Bold

**bold**

Markdown Source

**这是加粗文本**

Rendered Result

斜体 Italic

*italic*

Markdown Source

*这是斜体文本*

Rendered Result

删除线 Strikethrough

~~strike~~

Markdown Source

~~这是删除线~~

Rendered Result

行内代码 Inline code

`code`

Markdown Source

行内 `code` 代码。

Rendered Result

代码块 Code block

```lang ... ```

Markdown Source

```js
const x = 42;
console.log(x);
```

Rendered Result

引用 Blockquote

> quote

Markdown Source

> 这是一个引用块。
>
> 可以有多行，也支持嵌套。

Rendered Result

有序列表 Ordered list

1. item

Markdown Source

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

Rendered Result

无序列表 Unordered list

- item

Markdown Source

- 项目一
- 项目二
  - 子项目 A
  - 子项目 B

Rendered Result

任务列表 Task list

- [ ] task

Markdown Source

- [x] 已完成的任务
- [ ] 待办 A
- [ ] 待办 B

Rendered Result

链接 Link

[text](url)

Markdown Source

[Markdown 速查表](https://commonmark.org)

Rendered Result

图片 Image

![alt](url)

Markdown Source

![示例图片](https://picsum.photos/300/150)

Rendered Result

表格 Table

| col | col |

Markdown Source

| 列1 | 列2 |
| --- | --- |
| A | B |
| C | D |

Rendered Result

分隔线 Horizontal rule

---

Markdown Source

上方的文字

---

下方的文字

Rendered Result

标记高亮 Mark

==text==

Markdown Source

这是一段==高亮标记==的文本。

Rendered Result

脚注 Footnote

[^1]

Markdown Source

这段话有一个脚注[^1]。

[^1]: 这是脚注的具体内容。

Rendered Result

#数学公式 (LaTeX)

行内公式 Inline

$...$

Markdown Source

能量公式 $E = mc^2$ 行内嵌排。

Rendered Result

块级公式 Block

$$...$$

Markdown Source

$$\int_0^1 x^2 \, dx = \frac{1}{3}$$

Rendered Result

分数 Fraction

\frac{a}{b}

Markdown Source

$$\frac{1}{1+x} + \frac{2x}{1-x}$$

Rendered Result

上下标 Sup/sub

^ _

Markdown Source

$$x^2 + y_{n+1} + a^{b^c}$$

Rendered Result

根号 Root

\sqrt{x}

Markdown Source

$$\sqrt{x^2+y^2} \qquad \sqrt[3]{8}$$

Rendered Result

求和 / 积分 Sum / Integral

\sum \int

Markdown Source

$$\sum_{i=1}^{n} i = \frac{n(n+1)}{2} \qquad \int_0^{\pi} \sin x \, dx = 2$$

Rendered Result

矩阵 Matrix

\begin{matrix}

Markdown Source

$$\begin{pmatrix} a & b \\ c & d \end{pmatrix} \begin{bmatrix} 1 & 2 \\ 3 & 4 \end{bmatrix}$$

Rendered Result

希腊字母 Greek

\alpha \pi

Markdown Source

$$\alpha + \beta + \gamma \qquad \pi \approx 3.14 \qquad \Delta = b^2 - 4ac$$

Rendered Result

#图表 (Mermaid)

流程图 Flowchart

```mermaid graph TD ```

Markdown Source

```mermaid
graph TD
    A[开始] --> B{条件}
    B -->|是| C[执行]
    B -->|否| D[结束]
```

Rendered Result

时序图 Sequence

```mermaid sequenceDiagram ```

Markdown Source

```mermaid
sequenceDiagram
    participant 用户
    participant 系统
    用户->>系统: 发送请求
    系统-->>用户: 返回结果
```

Rendered Result

甘特图 Gantt

```mermaid gantt ```

Markdown Source

```mermaid
gantt
    title 项目计划
    dateFormat YYYY-MM-DD
    section 设计
    需求分析 :done, a1, 2024-01-01, 7d
    原型设计 :active, a2, after a1, 5d
    section 开发
    编码实现 :a3, after a2, 10d
```

Rendered Result

类图 Class

```mermaid classDiagram ```

Markdown Source

```mermaid
classDiagram
    class 动物 {
      +String 名称
      +eat()
    }
    class 狗 {
      +bark()
    }
    动物 <|-- 狗
```

Rendered Result

饼图 Pie

```mermaid pie ```

Markdown Source

```mermaid
pie title 浏览器占比
    "Chrome" : 65
    "Safari" : 20
    "其他" : 15
```

Rendered Result