返回

你以为 Markdown 仅仅是标注语言?那你就错了,Markdown 的骚操作有多绝

前端

Markdown 作为我们广大程序员最熟悉的一门语言之一,它以易读、语义化等特点,被我们广泛用于文档编写中。虽然 Markdown 是一种轻量级的标记语言,但这并不意味着它只能用来写简单的文本。事实上,Markdown 可以玩出很多骚操作。

今天,我们就以基于 CommonMark 的 GFM 规范为例,来给大家展示 Markdown 的骚操作有多绝。

一、Markdown 骚操作之表格

Markdown 表格是 Markdown 中的一个非常实用的功能,它可以用来创建简单的表格。Markdown 表格的语法非常简单,只需使用管道符 (|) 将表格的列分隔开,并在表格的第一行使用破折号 (-) 来表示表格的表头。

| 表头1 | 表头2 | 表头3 |
|---|---|---|
| 单元格1 | 单元格2 | 单元格3 |
| 单元格4 | 单元格5 | 单元格6 |

二、Markdown 骚操作之代码块

Markdown 代码块可以用来表示代码段落。Markdown 代码块的语法也非常简单,只需使用三个反引号 (```) 将代码段落包裹起来即可。

function helloWorld() {
console.log('Hello, world!');
}

三、Markdown 骚操作之引用块

Markdown 引用块可以用来表示引用内容。Markdown 引用块的语法也很简单,只需使用大于号 (>) 将引用内容包裹起来即可。

> Markdown 是一种轻量级的标记语言,它易于阅读和编写,非常适合用于编写文档、博客文章和其他类型的文本。

**四、Markdown 骚操作之链接** 

Markdown 链接可以用来创建超链接。Markdown 链接的语法也非常简单,只需使用方括号 ([]) 将链接文本包裹起来,然后在方括号后面加上圆括号 (()),并在圆括号中写上链接地址即可。

Markdown 教程

五、Markdown 骚操作之图片

Markdown 图片可以用来在文档中插入图片。Markdown 图片的语法也非常简单,只需使用感叹号 (!) 将图片链接包裹起来,然后在感叹号后面加上方括号 ([]),并在方括号中写上图片的替代文本即可。

![Markdown Logo](https://www.markdownguide.org/assets/images/markdown-logo.png)

**六、Markdown 骚操作之脚注** 

Markdown 脚注可以用来在文档中添加脚注。Markdown 脚注的语法也非常简单,只需使用方括号 ([]) 将脚注文本包裹起来,然后在方括号后面加上上标符号 (^),并在上标符号后面写上脚注编号即可。

Markdown 是一种轻量级的标记语言1

七、Markdown 骚操作之任务列表

Markdown 任务列表可以用来创建任务列表。Markdown 任务列表的语法也非常简单,只需使用减号 (-) 将任务列表项分隔开,并在任务列表项前面加上方括号 ([]) 即可。

- 任务列表项 1
- 任务列表项 2
- 任务列表项 3

**八、Markdown 骚操作之数学公式** 

Markdown 数学公式可以用来在文档中插入数学公式。Markdown 数学公式的语法也非常简单,只需使用美元符号 ($) 将数学公式包裹起来即可。

x^2 + y^2 = z^2

九、Markdown 骚操作之流程图

Markdown 流程图可以用来在文档中创建流程图。Markdown 流程图的语法也非常简单,只需使用减号 (-) 将流程图的步骤分隔开,并在步骤前面加上数字即可。

1. 开始
2. 步骤 1
3. 步骤 2
4. 步骤 3
5. 结束

**十、Markdown 骚操作之 Mermaid 图表** 

Markdown Mermaid 图表可以用来在文档中创建各种各样的图表。Mermaid 图表的语法也非常简单,只需使用反引号 (```) 将 Mermaid 图表代码包裹起来即可。

graph LR A[方形] --> B[圆形] B --> C[菱形] C --> D[矩形]

好了,以上就是 Markdown 的一些骚操作。希望大家能够学以致用,在自己的文档编写中玩出花样来。

  1. Markdown 的设计理念是让文档易于阅读和编写。