markdown_语法演示

Markdown 完整语法演示

⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠ You can decompress Drawing data with the command palette: 'Decompress current Excalidraw file'. For more info check in plugin settings under 'Saving'

Excalidraw Data

Text Elements

!未命名.canvas1

未命名.canvas
🕧

文档说明:本文档涵盖 Markdown 常用语法,可作为快速参考。
阿萨德


阿萨德

阿萨德阿萨德萨达d阿萨德

1. 标题(Heading)

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

渲染效果:
民法#^c2e96f
公基#^007bb5
#asd

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

未命名.canvas

段落与换行

这是一个段落。换行需要空行或两个以上空格后回车。

这是另一个段落。

行末加两个空格后回车→
也可以在段尾插入 <br> 实现换行。

渲染效果:

这是一个段落。换行需要空行或两个以上空格后回车。

这是另一个段落。

行末加两个空格后回车→

Waring

内容支持完整 Markdown 语法,包括 内部链接、嵌入文件等。

Type

sad
asd

3. 强调与修饰

*斜体文本*  或  _斜体文本_
**粗体文本**  或  __粗体文本__
***粗斜体文本***
~~删除线文本~~
`行内代码`
***上下三点分隔线***

渲染效果:

斜体文本斜体文本
粗体文本粗体文本
粗斜体文本
删除线文本
行内代码
上下三点==分隔线==


4. 引用(Blockquote)

> 这是单层引用
> > 这是嵌套引用
> > > 三层嵌套引用
>
> 引用内可包含 **粗体** 和 `代码`

渲染效果:

这是单层引用

这是嵌套引用

三层嵌套引用

引用内可包含 粗体代码


5. 无序列表

- 苹果
- 香蕉
  - 皇帝蕉
  - 芭蕉
    - 野芭蕉
- 橙子

或使用 + 或 *

+ 苹果
+ 香蕉
  + 皇帝蕉

渲染效果:


6. 有序列表

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

渲染效果:

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

/

7. 任务列表(To-Do List)

- [x] 已完成的任务
- [ ] 未完成的任务
- [ ] 另一个任务
  - [x] 子任务 1
  - [ ] 子任务 2

渲染效果:


8. 代码块

行内代码

这是一个 `行内代码` 示例

渲染效果:

这是一个 行内代码 示例

多行代码块

```python
def hello():
    print("Hello, World!")
```

```javascript
const greeting = "Hello, World!";
console.log(greeting);
```

```bash
echo "Hello from bash"
```

```sql
SELECT * FROM users WHERE active = 1;
```

渲染效果:

def hello():
    print("Hello, World!")
const greeting = "Hello, World!";
console.log(greeting);
echo "Hello from bash"
SELECT * FROM users WHERE active = 1;

9. 分隔线

---
(三个或更多短横线)

***

(三个或更多星号)

___

(三个或更多下划线)

渲染效果:





10. 链接

[百度](https://www.baidu.com)

[链接带提示](https://www.example.com "跳转到示例网站")

[引用式链接][ref]
[ref]: https://www.example.com "示例网站"

自动链接:<https://www.example.com>
邮箱链接:<user@example.com>

渲染效果:

百度

链接带提示

引用式链接

自动链接:https://www.example.com
https://www.example.com/
邮箱链接:user@example.com


11. 图片

![替代文本](https://via.placeholder.com/150 "图片标题")

![本地图片](./images/example.png)

![带链接的图片](https://via.placeholder.com/300)[百度](https://www.baidu.com)

渲染效果:

替代文本


12. 表格

| 表头1 | 表头2 | 表头3 |
|:-----|:----:|-----:|
| 左对齐 | 居中 | 右对齐 |
| 单元格1 | 单元格2 | 单元格3 |
| 单元格4 | 单元格5 | 单元格6 |

简写形式(省略对齐标记):

| 列1 | 列2 | 列3 |
|-----|-----|-----|
| A | B | C |
| D | E | F |

渲染效果:

表头1 表头2 表头3
左对齐 居中 右对齐
单元格1 单元格2 单元格3
单元格4 单元格5 单元格6

简写形式(省略对齐标记):

列1 列2 列3
A B C
D E F

13. 反斜杠转义

\*这不是斜体\*
\# 这不是标题
\[这不是链接\]
\`这不是代码\`

渲染效果:

*这不是斜体*
# 这不是标题
[这不是链接]
`这不是代码`


14. 脚注

这是一个包含脚注的句子[^1]。

[^1]: 这是脚注的内容说明。

另一句话带有另一个脚注[^note]。

[^note]: 这是另一个脚注的定义。

渲染效果:

这是一个包含脚注的句子[1]

另一句话带有另一个脚注[2]


15. 定义列表

苹果
: 一种常见的水果,红或绿色,味甜或酸。

香蕉
: 长条形热带水果,黄色果皮。

渲染效果(部分 Markdown 渲染器支持):

苹果
: 一种常见的水果,红或绿色,味甜或酸。

香蕉
: 长条形热带水果,黄色果皮。


16. HTML 嵌入

<details>
<summary>点击展开</summary>

这里是隐藏的内容。

</details>

渲染效果:

点击展开

这里是隐藏的内容。


17. 数学公式(部分渲染器支持)

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

块级公式:
$
\sum_{i=1}^{n} x_i = x_1 + x_2 + \cdots + x_n
$

渲染效果(需渲染器支持):

行内公式:E=mc2

块级公式:

i=1nxi=x1+x2++xn

18. 流程图 / Mermaid(部分渲染器支持)

```mermaid
graph TD
    A[开始] --> B{判断条件}
    B -->|是| C[执行操作]
    B -->|否| D[执行另一操作]
    C --> E[结束]
    D --> E

**渲染效果(需渲染器支持):**

```mermaid
graph TD
    A[开始] --> B{判断条件}
    B -->|是| C[执行操作]
    B -->|否| D[执行另一操作]
    C --> E[结束]
    D --> E

19. 时序图 / Mermaid(部分渲染器支持)

```mermaid
sequenceDiagram
    participant 用户
    participant 系统
    用户->>系统: 发送请求
    系统-->>用户: 返回响应
    Note over 用户,系统: 整个过程

**渲染效果(需渲染器支持):**

```mermaid
sequenceDiagram
    participant 用户
    participant 系统
    用户->>系统: 发送请求
    系统-->>用户: 返回响应
    Note over 用户,系统: 整个过程

20. 甘特图 / Mermaid(部分渲染器支持)

```mermaid
gantt
    title 项目进度
    dateFormat YYYY-MM-DD
    section 设计
    设计阶段       :a1, 2024-01-01, 30d
    section 开发
    开发阶段       :a2, after a1, 60d
    section 测试
    测试阶段       :a3, after a2, 20d

**渲染效果(需渲染器支持):**

```mermaid
gantt
    title 项目进度
    dateFormat YYYY-MM-DD
    section 设计
    设计阶段       :a1, 2024-01-01, 30d
    section 开发
    开发阶段       :a2, after a1, 60d
    section 测试
    测试阶段       :a3, after a2, 20d

附录:语法速查表

语法 示例
标题 # H1 ## H2 ...
粗体 **粗体**
斜体 *斜体*
删除线 ~~删除~~
代码 `code`
链接 [文字](URL)
图片 ![alt](URL)
引用 > 引用
列表 -1.
分隔线 ---
代码块 ```code```
表格 | | 语法

提示:不同 Markdown 渲染器对部分高级语法(如脚注、定义列表、数学公式、Mermaid 图表)的支持情况可能不同。


  1. 这是脚注的内容说明。 ↩︎

  2. 这是另一个脚注的定义。 ↩︎

Powered by Forestry.md