> 文章列表 > Markdown 语法大全

Markdown 语法大全

Markdown 语法大全

Markdown是一种轻量级标记语言,常用于撰写博客、文档、论文等。它可以让你使用易读易写的纯文本格式来编写文档,然后通过转换成有效的HTML文档进行发布。以下是Markdown常用的语法:

这里写目录标题

    • 标题
    • 列表
    • 引用
    • 粗体和斜体
    • 删除线和分隔线以及下划线
      • 删除线
      • 分隔线
      • 下划线
    • 链接和图片
    • 表格
    • 时序图
    • 类图
    • 甘特图

标题

使用#可以表示标题,#的数量表示标题的级别,一共有六个级别,分别对应HTML中的h1~h6标签。
例如:

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

列表

使用-*可以表示无序列表,数字加.可以表示有序列表。
例如:

  • 无序列表1
  • 无序列表2
  • 无序列表3

markdown 代码:

* 无序列表1
* 无序列表2
  1. 有序列表1
  2. 有序列表2

markdown 代码:

1. 有序列表1
2. 有序列表2

在Markdown中嵌套无序列表同样也需要注意一些细节,下面是示例代码:

  • 无序列表一
    • 嵌套无序列表一
    • 嵌套无序列表二
      • 嵌套无序列表一
      • 嵌套无序列表二
  • 无序列表二
* 无序列表一* 嵌套无序列表一* 嵌套无序列表二* 嵌套无序列表一* 嵌套无序列表二
* 无序列表二

有序列表也是相同的。

引用

一级引用

使用>表示引用。
例如:

这是引用的内容

markdown 代码:

> 这是引用的内容

嵌套引用

Markdown 语法大全

> 最外层
> > 第一层嵌套
> > > 第二层嵌套

粗体和斜体

使用两个包围的内容表示粗体,一个包围的内容表示斜体。
例如:
这是粗体
这是斜体

markdown代码如下:

这是粗体
*这是斜体*

删除线和分隔线以及下划线

删除线

删除线

~~删除线~~

分隔线






 * - - -----------

下划线

带下划线文本

<u>带下划线文本</u>

链接和图片

使用[]()可以表示链接和图片。
例如:
这是链接的表示方式:

链接

[标题](连接地址)

这是图片的表示方式:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tGEyrqp7-1681305425502)(/home/picture/1.png)]

代码块
使用```包围的内容表示代码块。
例如:

echo 'hello world!';

markdown代码:

```php
echo 'hello world!';
```

表格

表头 表头
单元格 单元格
单元格 单元格
|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |
左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

时序图

```mermaid
sequenceDiagram小程序 ->> 小程序 : wx.login()获取code小程序 ->> + 服务器 : wx.request()发送code服务器 ->> + 微信服务器 : code+appid+secret微信服务器 -->> - 服务器 : openid服务器 ->> 服务器 : 根据openid确定用户并生成token服务器 -->> - 小程序 : token
```

Markdown 语法大全
参考文章: Markdown 进阶技能:用代码画时序图

类图

```mermaid
classDiagramClass01 <|-- AveryLongClass : Cool<> Class01Class09 --> C2 : Where am i?Class09 --* C3Class09 --|> Class07Class07 : equals()Class07 : Object[] elementDataClass01 : size()Class01 : int chimpClass01 : int gorillaclass Class10 {>>service>>int idsize()}
```

甘特图

参考文档

[参考文档](https://mermaid-js.github.io/mermaid/#/gantt)
```mermaid
ganttdateFormat  YYYY-MM-DDtitle Adding GANTT diagram functionality to mermaidsection 现有任务已完成               :done,    des1, 2014-01-06,2014-01-08进行中               :active,  des2, 2014-01-09, 3d计划中               :         des3, after des2, 5d
```