揭开Markdown的秘籍：引用|代码块|超链接

🌈个人主页：聆风吟
🔥系列专栏：Markdown指南、网络奇遇记
🔖少年有梦不应止于心动，更要付诸行动。

---

📋前言

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。

Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown。

---

一. ⛳️Markdown 引用

1.1 🔔引用

Markdown 区块引用是在段落开头使用 > 符号 ，然后后面紧跟一个空格符号（简记：> + ' '）。Markdown语法如下：

> 区块引用
> 来CSDN
> 学的不仅是技术更是梦想

展示效果图如下所示：

1.2 🔔嵌套引用

另外，引用也是可以嵌套的，一个>符号是最外层，两个>符号是第一层嵌套，以此类推。Markdown语法如下：

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

展示效果图如下所示：

1.3 🔔列表与引用混合使用

1.3.1 👻引用中使用列表

引用不仅可以引用段落，还可以引用列表、文字样式、以及后面所学的图片、超链接等等，有兴趣的同学可以自行去尝试，这里仅简单演示一下引用中使用列表。Markdown语法如下：

> 引用中使用列表
> 有序列表:
> 1. 第一项
> 2. 第二项
>
> 无序列表:
> * 第一项
> * 第二项

展示效果图如下所示：

1.3.2 👻列表中使用引用

如果要在列表项目内放进区块，那么就需要在>前添加四个空格或者一个制表符TAB的缩进。Markdown语法如下所示：

1. 第一项> 来到CSDN> 学的不仅是技术更是梦想
2. 第二项

展示效果图如下所示：

---

二. ⛳️Markdown 代码块

2.1 🔔行内代码块

如果是行内的一个函数或片段的代码可以用一对反引号`把它包起来。如果在行内代码中需要反引号本身，可以使用两对反引号加前后空格来创建。Markdown语法如下所示：

`printf`函数标记反引号`` ` ``

展示效果图如下所示：

2.2 🔔代码块

将文本的每一行添加至少四个空格或一个制表符Tab，Markdown语法如下：

解释：因为空格不能显示，这里使用TAB表示四个空格。TAB #include <stdio.h>
TAB	
TAB int main()
TAB {
TAB		printf("Hello CSDN!");
TAB		return 0;
TAB }

展示效果图如下所示：

由此可以看出，该种方法特别繁琐，需要每行代码的前面都要加上四个空格或者一个制表符。如果代码过长该怎么办呢，有没有其他快捷的方法呢？当然是的，极力推荐大家采用下面这种办法——围栏式代码块

2.3 🔔围栏式代码块（推荐）

用三个反引号`或三个波浪号~包裹一段代码，并且可以指定一种语言(也可以不指定)，在指定语言的状态下还会有代码高亮。Markdown语法如下：

```javascript
//指定语言
int main()
{const int n = 10;printf("Hello CSDN!");return 0;
}
```

展示效果图如下所示：

注意:如果不指定语言可以直接将javascript去掉即可，本文演示采用的是javascript语言并不代只能使用该语言，语言的选择可以根据自己的需要做出更改。

---

三. ⛳️Markdown 超链接

3.1 无标签链接

无标签链接是一种简单直接的链接，直接将链接地址放入一对尖括号中< >。Markdown语法如下：

<https://www.csdn.net/>

展示效果图如下所示：

3.2 有标签链接

有标签链接的语法形式是[链接名称](链接地址)，通过将链接连接到相应的标签上，直接点击该标签就可以访问到相应的网址，可以达到见标签知网址的效果。Markdown语法如下：

这是一个链接[CSDN](https://www.csdn.net/)

展示效果图如下所示：

3.3 高级链接

我们可以通过变量来设置一个链接，变量赋值在文档末尾进行。Markdown语法如下：

这个链接用 1 作为网址变量 [CSDN][1]
这个链接用 csdn 作为网址变量 [CSDN][csdn]
然后在文档的结尾为变量赋值（网址）[1]: https://www.csdn.net/[csdn]: https://www.csdn.net/

展示效果图如下所示：

---

📝全文总结

    本文主要介绍了Markdown的引用、代码块、超链接一些常见的语法，下面给出本文的思维导图。大家可以结合思维导读回顾一下上面所学，多动手敲敲加深印象，思维导图如下所示：

     今天的干货分享到这里就结束啦！如果觉得文章还可以的话，希望能给个三连支持一下，聆风吟的主页还有很多有趣的文章，欢迎小伙伴们前去点评，您的支持就是作者前进的最大动力！