语法示例

全面的 Markdown 语法示例与实时渲染对照,覆盖标题、粗体斜体、列表、引用、链接、图片、表格、代码块、脚注等常用语法,帮助您快速掌握 Markdown 写作。

#基础格式

标题 (Headings)

Markdown Source
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
Rendered Result

文本样式 (Text Style)

Markdown Source
**这是加粗文本**
*这是斜体文本*
~~这是删除线文本~~
**_这是加粗斜体文本_**
==这是高亮文本==
^这是上标^
~这是下标~
Rendered Result

引用 (Blockquotes)

Markdown Source
> 这是一个引用块。
>
> > 这是一个嵌套的引用块。
> > 它可以有多层。
>
> 回到第一层。
Rendered Result

列表 (Lists)

Markdown Source
**无序列表**:
- 项目 1
- 项目 2
  - 子项目 A
  - 子项目 B

**有序列表**:
1. 第一步
2. 第二步
3. 第三步

**任务列表**:
- [x] 已完成的任务
- [ ] 待办任务 A
- [ ] 待办任务 B
Rendered Result

分隔线 (Horizontal Rule)

Markdown Source
第一段内容

---

第二段内容

***

第三段内容

___

*注意:分隔线上下需各空一行,紧跟文字会被解析为标题(setext)。*
Rendered Result

脚注 (Footnotes)

Markdown Source
Markdown 支持脚注[^1],适合放置补充说明。

[^1]: 这里是脚注内容,渲染后会显示在文档末尾。
Rendered Result

转义字符 (Escaping)

Markdown Source
\*这不是斜体\*
\# 这不是标题
\[这不是链接\]

*使用反斜杠 \ 可以转义 Markdown 特殊字符。*
Rendered Result

#代码与表格

代码 (Code)

Markdown Source
这是 `行内代码` 示例。

下面是代码块:

```javascript
function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet('World');
```

```python
def factorial(n):
    if n == 0:
        return 1
    return n * factorial(n-1)
```
Rendered Result

表格 (Tables)

Markdown Source
| 姓名 | 年龄 | 职业 |
| :--- | :--: | ---: |
| 张三 | 25 | 工程师 |
| 李四 | 30 | 设计师 |
| 王五 | 28 | 产品经理 |

*注:冒号用于控制列的对齐方式(左对齐、居中、右对齐)。*
Rendered Result

#链接与媒体

链接与图片

Markdown Source
[访问 Google](https://www.google.com)

这是一个带有鼠标悬停提示的链接:
[Markdown 官网](https://daringfireball.net/projects/markdown/ "Markdown Official")

图片示例:
![风景图](https://images.unsplash.com/photo-1472214103451-9374bd1c798e?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80)
Rendered Result

#数学公式 (LaTeX)

行内与块级公式

Markdown Source
行内公式:质能方程 $E = mc^2$ 是物理学中最著名的公式之一。

块级公式(二次方程求根公式):

$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

复杂公式示例:

$$
f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2\pi i \xi x} \,d\xi
$$
Rendered Result

#图表 (Mermaid)

流程图 (Flowchart)

Markdown Source
```mermaid
graph TD
    A[开始] --> B{是否注册?}
    B -- 是 --> C[登录]
    B -- 否 --> D[去注册]
    D --> C
    C --> E[进入首页]
    E --> F[结束]
```
Rendered Result

时序图 (Sequence Diagram)

Markdown Source
```mermaid
sequenceDiagram
    participant 用户
    participant 系统
    participant 数据库

    用户->>系统: 发起请求
    系统->>数据库: 查询数据
    数据库-->>系统: 返回数据
    系统-->>用户: 显示结果
```
Rendered Result

甘特图 (Gantt Chart)

Markdown Source
gantt
    title 项目开发计划
    dateFormat  YYYY-MM-DD
    section 设计阶段
    需求分析       :a1, 2023-01-01, 7d
    UI设计         :after a1, 5d
    section 开发阶段
    前端开发       :2023-01-13, 10d
    后端开发       :2023-01-13, 12d
    section 测试阶段
    功能测试       :2023-01-25, 5d
Rendered Result