语法示例
全面的 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") 图片示例: 
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, 5dRendered Result