Markdown语法,你会了吗?|青训营笔记

247 阅读5分钟

  这是我参与「第四届青训营 」笔记创作活动的的第3天。

Markdown语法学习

一、什么是Markdown?

  Markdown是一种轻量级标记语言,它允许人们使用易读、易写、更易改的纯文本格式编写文档。它的后缀名为*.md*,简单来讲,Markdown是一种程序员专用的比txt和word高级方便的文档格式。

  Markdown也可以理解为将以MARKDOWN语法编写的语言转换成HTML内容的工具。

二、标题语法

  1、要创建标题,只需要在文字开始前加上相应的“#”即可。具体如下:

image.png

预览效果如下:

  • 一级标题

  • 二级标题

  • 三级标题

  想必大家已经看出来了,要输入的是几级标题,文字前就有几个“#”号!!!

  2、还可以在文本下方添加任意数量的 == 号来标识一级标题,或者 -- 号来标识二级标题。具体如下:

image.png

预览效果如下:

我们都有光明的未来!!!

我们都有光明的未来!!!

三、段落语法

  要创建段落,请使用空白行将一行或多行文本进行分隔。

image.png

四、换行语法

  1、在一行的末尾添加两个或多个空格,然后按回车键,即可创建一个换行。   2、因为很难在编辑器中直接看到空格,并且很多人在每个句子后面都会有意或无意地添加两个空格,所以可能要使用除结尾空格以外的其它方式来换行。几乎每个 Markdown 应用程序都支持另一种换行方式:HTML 的 <br> 标签。具体如下:

image.png 效果如下:

  因为很难在编辑器中直接看到空格,并且很多人在每个句子后面都会有意或无意地添加两个空格,所以可能要使用除结尾空格以外的其它方式来换行。
  几乎每个 Markdown 应用程序都支持另一种换行方式:HTML 的 <br> 标签。

五、强调语法

1、粗体语法

  要加粗文本,请在单词或短语的前后各添加两个星号(“** **”)或下划线(--)。如需加粗一个单词或短语的中间部分用以表示强调的话,请在要加粗部分的两侧各添加两个星号。具体如下:

image.png

image.png 预览效果如下:

我们都有光明的未来!!!

2、斜体

  要同时用粗体和斜体突出显示文本,请在单词或短语的前后各添加一个星号或下划线。要加粗并用斜体显示单词或短语的中间部分,请在要突出显示的部分前后各添加三个星号,中间不要带空格。具体如下:

7891d762dd14625be736ec924c742cd.jpg

预览效果如下:

我们都有光明的未来

3、加粗并斜体

  要加粗并用斜体显示单词或短语的中间部分,请在要突出显示的部分前后各添加三个星号,中间不要带空格。具体如下:

image.png

预览效果如下:

我们都有光明的未来!!!

六、引用语法

  1、要创建块引用,请在段落前添加一个 > 符号。具体如下:

image.png

预览效果如下: image.png   2、块引用可以包含多个段落。为段落之间的空白行添加一个 > 符号。具体如下:

image.png

预览效果如下:

我们都有光明的未来!!!

我们都有光明的未来!!!

  3、块引用可以嵌套。在要嵌套的段落前添加一个 >> 符号。具体如下:

image.png

预览效果如下:

我们都有光明的未来!!!

我们都有光明的未来!!!

  4、块引用可以包含其他 Markdown 格式的元素。 例如:

image.png

效果如下:

我们都有光明的未来!!!

  • 我们都有光明的未来!!!

七、列表语法

1、有序列表

  要创建有序列表,请在每个列表项前添加数字并紧跟一个英文句点。数字不必按数学顺序排列,但是列表应当以数字 1 起始。例如:

image.png

效果如下:

  1. First item
  2. Second item
  3. Third item
  4. Fourth item

  可以发现,无论序号有没有按照顺序排列,只要第一个序号是1,系统会自动进行排序。

2、无序列表

  要创建无序列表,请在每个列表项前面添加破折号 、星号、或加号 。缩进一个或多个列表项可创建嵌套列表。例如:

image.png

image.png

image.png

效果如下:

  • First item
  • Second item
  • Third item
  • Fourth item

八、代码语法

1、转义反引号

  要将单词或短语表示为代码,请将其包裹在反引号 (`) 中。如果你要表示为代码的单词或短语中包含一个或多个反引号,则可以通过将单词或短语包裹在双反引号(``)中。例如:

image.png

效果如下:

Use `code` in your Markdown file.

2、代码块

  要创建代码块,请将代码块的每一行缩进至少四个空格或一个制表符。

九、分隔线语法

  要创建分隔线,请在单独一行上使用三个或多个星号 (***)、破折号 (---) 或下划线 (___) ,并且不能包含其他内容。例如:

***

---

_________________

十、链接语法

  链接文本放在中括号内,链接地址放在后面的括号中,链接title可选。超链接Markdown语法代码:[超链接显示名](超链接地址 "超链接title") 例如:

这是一个链接 [Markdown语法](https://markdown.com.cn)。

  给链接加title:链接title是当鼠标悬停在链接上时会出现的文字,这个title是可选的,它放在圆括号中链接地址后面,跟链接地址之间以空格分隔。例如:

这是一个链接 [Markdown语法](https://markdown.com.cn "最好的markdown教程")。

十一、图片语法

  要添加图像,请使用感叹号 (!), 然后在方括号增加替代文本,图片链接放在圆括号里,括号里的链接后可以增加一个可选的图片标题文本。
  插入图片Markdown语法代码:![图片alt](图片链接 "图片title")
  给图片增加链接,请将图像的Markdown 括在方括号中,然后将链接添加在圆括号中。