绿叶网 LOGO

Markdown 在线编辑器

关于 Markdown 在线编辑器

Markdown 在线编辑器是一个快捷方便、功能强大的在线编辑器,你不需要进行任何环境配置,即可在线直接编写 Markdown 文档,并直观查看预览效果。Markdown 在线编辑器非常适用于个人编写 Markdown 文档。

Markdown

Markdown 语法速查

接下来,我们列举了 Markdown 常用的语法,以方便小伙伴们快速查阅和参考。

1. 标题

在 Markdown 中,标题是通过在文本前面添加一个或多个  “#” 来创建的。标题的级别是由  “#”  的数量决定的。

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

2. 段落

在 Markdown 中,段落不需要借助任何符号,而是通过添加空行来实现的。

第一段文本

第二段文本

第三段文本

3. 文本

在 Markdown 中,与文本样式相关的语法主要有 3 种,如下表所示。

Markdown 文本样式
样式 语法
粗体 ** 文本 ** 或 __ 本文 __
斜体 * 文本 * 或 _ 文本 _
高亮(部分解释器支持) == 文本 ==

4. 注释

Markdown 官方并没有提供注释语法,但由于 Markdown 代码最终会转换为 HTML 代码,因此我们可以使用 “HTML 注释” 的语法来实现注释。

其中,注释的内容可以是一行,也可以是多行。

<!--注释内容-->

<!--
    注释内容
    注释内容
    注释内容
-->

5. 引用

在 Markdown 中,我们可以在文本的前面使用 “>”  符号来表示这是一个引用块。其中,引用可以嵌套,每一级引用前都要加一个  “>”。

> 这是引用的内容
>> 这是嵌套引用的内容

6. 代码

在 Markdown 中,我们可以使用反引号(`)包裹来显示行内代码。

`代码内容`

如果想要插入 “代码块”,我们可以使用三反引号(```)包裹来显示。

```语言
​代码内容
​```

7. 分割线

Markdown 提供了以下 3 种方式来插入一条分割线。

  • 三个或更多的星号(*)。
  • 三个或更多的连字符(-)。
  • 三个或更多的下划线(_)。
***
---
___

8. 链接

在 Markdown 中,链接(超链接)的创建有 2 种主要方式:行内式和参考式。

<!--行内式链接-->
[链接文本](链接地址 "链接标题")

<!--参考式链接-->
[链接文本][链接标记]

[链接标记]: 链接地址 "链接标题"

9. 图片

在 Markdown 中,可以通过以下语法来插入各种格式的图像(包括 JPG、PNG、GIF 等)。

![图片描述](图片链接 "图片标题")

10. 列表

在 Markdown 中,无序列表使用 “*”、“+”、“-” 这 3 种标记符来表示。

<!--方式1-->
* 列表项1
* 列表项2
* 列表项3

<!--方式2-->
+ 列表项1
+ 列表项2
+ 列表项3

<!--方式3-->
- 列表项1
- 列表项2
- 列表项3

在 Markdown 中,有序列表使用 “数字 + 点号” 来表示。其中,数字代表顺序。

1. 有序列表项
2. 有序列表项
3. 有序列表项

11. 表格

在 Markdown 中,表格由 “行” 和 “列” 组成,我们可以先使用中划线(-)来创建分隔行,然后再使用竖线(|)分隔单元格。

| 列1标题 | 列2标题 | 列3标题 |
| -------- | -------- | -------- |
| 单元格1  | 单元格2  | 单元格3  |
| 单元格4  | 单元格5  | 单元格6  |

12. 转义字符

在 Markdown 中,我们可以在特殊字符前面加上 “\(反斜杠)” 来对它们进行转义。此时 Markdown 解释器会将这些特殊字符视为普通字符,而不是按照它们的 Markdown 语法含义进行解析。

\特殊字符

其中,Markdown 常见需要转义的字符如下表所示。

Markdown 需要转义的字符
字符 说明
# 用于标题
* 用于无序列表和强调
> 用于块引用
[] 用于链接和图片
() 用于链接和图片
`(反引号) 用于代码
-(中划线) 用于无序列表和分割线
_(下划线) 用于强调
.(句号) 用于有序列表
+ 用于无序列表
! 用于图片

Markdown 相关教程

如果小伙伴们想要系统学习 Markdown,可以查看我们的:Markdown 教程。该教程轻松简单,大家花一个小时左右就能彻底掌握了!