Markdown 常用语法详解(图文并茂)

一、序言

当你看到这篇文章时,很可能已经在使用 Markdown 了——无论你是否意识到。那些在 GitHub 上简洁的 README、技术博客里的优雅排版、甚至 AI 回复中清晰的结构,背后都是同一套轻巧的标记语言。

它诞生于 2004 年,初衷只是“让人们更专注于写作而非排版”。二十多年后的今天,这个用几个符号就能定义结构的纯文本格式,却意外成为了数字时代最高效的通用语。

从代码文档到日常笔记,从团队协作到 AI 对话,Markdown 正在重新定义我们组织思想的方式。它不捆绑任何软件,却能在任何设备上生存;它简单到十分钟就能掌握,却强大到足以构建整个知识体系。

二、常用语法详解

1、标题语法

1.1、常用语法(推荐)

要创建标题,请在单词或短语前面添加井号 (#) 。# 的数量代表了标题的级别。例如,添加三个 # 表示创建一个三级标题 (<h3>) (例如:### My Header)。 

示例:

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

image

1.2、可选语法(不推荐)

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

示例:

这是一级标题
==

这是二级标题
---

image

1.3、最佳实践

不同的 Markdown 应用程序处理 # 和标题之间的空格方式并不一致。为了兼容考虑,请用一个空格在 # 和标题之间进行分隔。 

2、列表语法

2.1、有序列表 

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

示例1:

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

image

示例2:

1. First item
8. Second item
3. Third item
5. Fourth item

image

示例3:

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

image

2.2、无序列表

要创建无序列表,请在每个列表项前面添加 减号 (-)、星号 (*) 或加号 (+) 。缩进一个或多个列表项可创建嵌套列表。个人推荐用减号 (-)。

示例1:

- First item
- Second item
- Third item
- Fourth item

image

示例2:

* First item
* Second item
* Third item
* Fourth item

image

示例3:

+ First item
+ Second item
+ Third item
+ Fourth item

image

示例4: 

- First item
- Second item
- Third item
    - Indented item
    - Indented item
- Fourth item

image

2.3、在列表中嵌套其他元素

要在保留列表连续性的同时在列表中添加另一种元素,请将该元素缩进四个空格或一个制表符,如下例所示:

2.3.1、段落

*   This is the first list item.
*   Here's the second list item.

    I need to add another paragraph below the second list item.

*   And here's the third list item.

image

2.3.2、引用块

*   This is the first list item.
*   Here's the second list item.

    > A blockquote would look great below the second list item.

*   And here's the third list item.

image

2.3.3、列表

你可以在有序列表中嵌套一个无序列表,反之亦然。

示例:

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

image

2.3.4、代码块

代码块通常采用四个空格或一个制表符缩进。当它们被放在列表中时,请将它们缩进八个空格或两个制表符。

1.  Open the file.
2.  Find the following code block on line 21:

        &lt;html>
          &lt;head>
            &lt;title>Test&lt;/title>
          &lt;/head>

3.  Update the title to match the name of your website.

image

2.3.5、图片

1.  Open the file containing the Linux mascot.
2.  Marvel at its beauty.

    ![博客园logo](https://www.cnblogs.com/images/logo_small.gif)

3.  Close the file.

image

3、段落语法

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

I really like using Markdown.

I think I'll use it to format all of my documents from now on.

image

段落(Paragraph)用法的最佳实践:

不要用空格(spaces)或制表符( tabs)缩进段落。

4、换行语法

在一行的末尾添加两个或多个空格,然后按回车键,即可创建一个换行(<br>)。

This is the first line.<br>
And this is the second line.

image

换行(Line Break)用法的最佳实践:

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

为了兼容性,请在行尾添加“结尾空格”或 HTML 的 <br> 标签来实现换行。

5、强调语法

通过将文本设置为粗体斜体来强调其重要性。 

5.1、粗体(Bold) 

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

I just love **bold text**.

I just love __bold text__.

Love**is**bold

image

粗体(Bold)用法最佳实践: 

Markdown 应用程序在如何处理单词或短语中间的下划线上并不一致。为兼容考虑,在单词或短语中间部分加粗的话,请使用星号(asterisks)。 

image

5.2、斜体(Italic)

要用斜体显示文本,请在单词或短语前后添加一个星号(asterisk)或一个下划线(underscore)。要斜体突出单词的中间部分,请在字母前后各添加一个星号,中间不要带空格。

Italicized text is the *cat's meow*.

Italicized text is the _cat's meow_.

A*cat*meow

image

斜体(Italic)用法的最佳实践: 

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

image

5.3、粗体(Bold)和斜体(Italic)

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

This text is ***really important***.

This text is ___really important___.

This text is __*really important*__.

This text is **_really important_**.

This is really***very***important text.

image

粗体(Bold)和斜体(Italic)用法的最佳实践: 

Markdown 应用程序在处理单词或短语中间添加的下划线上并不一致。为了实现兼容性,请使用星号将单词或短语的中间部分加粗并以斜体显示,以示重要。 

image

6、区块引用语法

6.1、单个段落的块引用

要创建块引用,请在段落前添加一个 > 符号。 

> Dorothy followed her through many of the beautiful rooms in her castle.

image

6.2、多个段落的块引用

块引用可以包含多个段落。为段落之间的空白行添加一个 > 符号。

> Dorothy followed her through many of the beautiful rooms in her castle.
>
> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

image

6.3、嵌套块引用

块引用可以嵌套。在要嵌套的段落前添加一个 >> 符号。 

> Dorothy followed her through many of the beautiful rooms in her castle.
>
>> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

image

6.4、带有其它元素的块引用

块引用可以包含其他 Markdown 格式的元素。并非所有元素都可以使用,你需要进行实验以查看哪些元素有效。

> #### The quarterly results look great!
>
> - Revenue was off the chart.
> - Profits were higher than ever.
>
>  *Everything* is going according to **plan**.

image

7、代码语法

7.1、行内代码

要将单词或短语表示为代码,请将其包裹在反引号 (`) 中。

At the command prompt, type `nano`.

image

7.2、转义反引号

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

``Use `code` in your Markdown file.``

image

7.3、代码块

Markdown基本语法允许您通过将行缩进四个空格或一个制表符来创建代码块。如果发现不方便,请尝试使用受保护的代码块。根据Markdown处理器或编辑器的不同,您将在代码块之前和之后的行上使用三个反引号(```)或三个波浪号(~~~)。

```
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
```

image

语法高亮:

许多Markdown处理器都支持受围栏代码块的语法突出显示。使用此功能,您可以为编写代码的任何语言添加颜色突出显示。要添加语法突出显示,请在受防护的代码块之前的反引号旁边指定一种语言

```json
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
```

image

8、分隔线语法

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

***
---
___

image

分隔线(Horizontal Rule)用法最佳实践:

为了兼容性,请在分隔线的前后均添加空白行。

Try to put a blank line before...

---

...and after a horizontal rule.

image

image

9、链接语法

9.1、常用语法

链接文本放在中括号内,链接地址放在后面的括号中,链接title可选。

超链接Markdown语法代码:[超链接显示名](超链接地址 "超链接title")

对应的HTML代码:<a href="超链接地址" title="超链接title">超链接显示名</a>

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

image

9.2、给链接增加 Title

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

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

image

9.3、网址和Email地址

使用尖括号可以很方便地把URL或者email地址变成可点击的链接。

<https://markdown.com.cn>

<fake@example.com>

image

9.4、带格式化的链接

强调 链接, 在链接语法前后增加星号。 要将链接表示为代码,请在方括号中添加反引号。

I love supporting the **[EFF](https://eff.org)**.<br>
This is the *[Markdown Guide](https://www.markdownguide.org)*.<br>
See the section on [`code`](#code).

image

10、图片语法

10.1、常用语法

要添加图像,请使用感叹号 (!), 然后在方括号增加替代文本,图片链接放在圆括号里,括号里的链接后可以增加一个可选的图片标题文本。

插入图片Markdown语法代码:![图片alt](图片链接 "图片title")。

对应的HTML代码:<img src="图片链接" alt="图片alt" title="图片title">

![这是图片](/assets/img/philly-magic-garden.jpg "Magic Gardens")

10.2、链接图片

给图片增加链接,请将图像的Markdown 括在方括号中,然后将链接添加在圆括号中。

[![沙漠中的岩石图片](/assets/img/shiprock.jpg "Shiprock")](https://markdown.com.cn)
[![博客园logo](https://www.cnblogs.com/images/logo_small.gif "logo_small")](https://markdown.com.cn)

image

11、转义字符语法

要显示原本用于格式化 Markdown 文档的字符,请在字符前面添加反斜杠字符 \

\* Without the backslash, this would be a bullet in an unordered list.

image

11.1、可做转义的字符

以下列出的字符都可以通过使用反斜杠字符(\)从而达到转义目的。

image

11.2、特殊字符自动转义

在 HTML 文件中,有两个字符需要特殊处理: < 和 & 。 < 符号用于起始标签,& 符号则用于标记 HTML 实体,如果你只是想要使用这些符号,你必须要使用实体的形式,像是 &lt; 和 &amp;

Markdown 允许你直接使用这些符号,它帮你自动转义字符。

http://images.google.com/images?num=30&q=larry+bird

4 < 5

image

12、删除线语法

您可以通过在单词中心放置一条水平线来删除单词。结果看起来像这样。此功能使您可以指示某些单词是一个错误,要从文档中删除。若要删除单词,请在单词前后使用两个波浪号~~

~~世界是平坦的。~~ 我们现在知道世界是圆的。

image

13、网址链接语法

13.1、自动网址链接

许多Markdown处理器会自动将URL转换为链接。这意味着如果您输入http://www.example.com,即使您未使用方括号,您的Markdown处理器也会自动将其转换为链接。

http://www.example.com

image

13.2、禁用自动URL链接

如果您不希望自动链接URL,则可以通过将URL表示为带反引号的代码来删除该链接。

`http://www.example.com`

image

14、表格语法

要添加表,请使用三个或多个连字符(---)创建每列的标题,并使用管道(|)分隔每列。您可以选择在表的任一端添加管道。

| Syntax      | Description |
| ----------- | ----------- |
| Header      | Title       |
| Paragraph   | Text        |

image

单元格宽度可以变化,如下所示。呈现的输出将看起来相同。

| Syntax      | Description |
| ----------- | ----------- |
| Header      | Title       |
| Paragraph   | Text        |

| Syntax | Description |
| --- | ----------- |
| Header | Title |
| Paragraph | Text |

image

14.1、对齐

您可以通过在标题行中的连字符的左侧,右侧或两侧添加冒号(:),将列中的文本对齐到左侧,右侧或中心。

| Syntax      | Description | Test Text     |
| :---        |    :----:   |          ---: |
| Header      | Title       | Here's this   |
| Paragraph   | Text        | And more      |

image

14.2、格式化表格中的文字

您可以在表格中设置文本格式。例如,您可以添加链接,代码(仅反引号(`)中的单词或短语,而不是代码块)和强调。 

您不能添加标题,块引用,列表,水平规则,图像或HTML标签。 

14.3、在表中转义管道字符

您可以使用表格的HTML字符代码(&#124;)在表中显示竖线(|)字符。 

 

本文用的演示工具为:DevToys

image

这是一款开发人员工具,非常契合开发者的日常使用需要,可以直接去微软应用商店下载。

Markdown 在线编辑器:https://markdown.com.cn/editor/

 

本文大部分内容摘录自 Markdown 教程:https://markdown.com.cn/basic-syntax/

参考文献:

Markdown 教程:https://markdown.com.cn/basic-syntax/

Markdown 中文网:https://www.markdown.cn/docs/tutorial-basics/basic-syntax

 

此文由博主精心撰写转载请保留此原文链接:https://www.cnblogs.com/xyh9039/p/19373821

版权声明:如有雷同纯属巧合,如有侵权请及时联系本人修改,谢谢!!!

posted @ 2025-12-28 21:15  谢友海  阅读(51)  评论(0)    收藏  举报