Markdown 语法详解大全(超级版)(二)
——图片、表格、段落、转义字符、内嵌、注释、缩进、公式
Markdown 语法详解大全(超级版)(一)
Markdown 语法详解大全(超级版)(二)
Markdown 语法详解大全(超级版)(三)
Markdown 语法详解大全(超级版)(四)
Markdown 语法详解大全(超级版)(五)
Markdown 语法详解大全(超级版)(六)
![]()
(歌词节选)
别让乌云遮住了天空的蓝
别让命运折返没桨的船
别让黑夜都落在你的臂弯
让我来与你作伴
别让迷雾遮住了停靠的岸
别让你的世界这般不安
别让心中的光变得暗淡
飞过湖泊与高山
你曾经灼热的眼眶
是人生中少数的笨拙又可贵的时刻
一去不返的我们啊
就肆意地追逐吧
有你目送就不算落单
每当我悲伤过,也被暴雨淋过
泥泞开出花朵,就让它生长着
燃烧小小的梦,不怕赤脚追风
就在勇敢过后,会有万里晴空
以黎明呼唤我,用温暖作脉搏
以繁星呼唤我,凝视中有闪烁
命运深处涌动着更多浪漫
梦想破土生长更多答案
繁星背后太阳已开始绚烂
谢谢你与我作伴
逆境清醒
2024.10.5
![]()
九、图片
9.1、插入图片
插入图片Markdown语法代码:
! + [ 图片alt ] +(图片链接 “图片title”)
对应的HTML代码:

- 1
实例渲染效果如下:
![]()
9.2、链接图片
给图片增加链接,请将图像的Markdown 括在方括号中,然后将链接添加在圆括号中。
(此效果csdn能添加链接,但同时会显示放大图片)
[](https://blog.csdn.net/weixin_69553582?type=blog)
- 1
实例渲染效果如下:
????????????????
十、添加表格
要添加表,请使用三个或多个连字符(—)创建每列的标题,并使用管道(|)分隔每列。您可以选择在表的任一端添加管道。
插入表格Markdown语法代码:
| + 每列的标题 | 每列的标题 +|
| + ----| ---- +|
| + 每列内容 | 每列内容 +|
| + 每列内容 | 每列内容 +|
**三叶草花语(你如果找到了四叶草就是找到了幸福)**
|叶片数 |含义|
| --- | ----------- |
|一叶|代表祈求|
|二叶|代表希望|
|三叶|代表爱情|
|四叶|代表幸福|
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
实例渲染效果如下:
三叶草花语(你如果找到了四叶草就是找到了幸福)
| 叶片数 | 含义 |
|---|---|
| 一叶 | 代表祈求 |
| 二叶 | 代表希望 |
| 三叶 | 代表爱情 |
| 四叶 | 代表幸福 |
添加表格的时候可以控制文字的对齐方式:
可以通过在标题行中的连字符的左侧,右侧或两侧添加冒号(:),将列中的文本对齐到左侧,右侧或中心。
:— 设置内容和标题栏居左对齐。
:----: 设置内容和标题栏居中对齐。
—: 设置内容和标题栏居右对齐。
**玫瑰花朵数的含意:**
|玫瑰花朵数|含意|
|:--------:|:--------|
|1朵|我的心中只有你!|
|2朵|这世界只有我俩!|
|3朵|我爱你!|
|4朵|至死不渝!|
|5朵|由衷欣赏!|
|6朵|互敬,互爱,互谅!|
|7朵|我偷偷地爱著你!|
|8朵|感谢你的关怀扶持及鼓励!|
|9朵|长久!|
|10朵|十全十美无懈可击!|
|11朵|最爱只在乎你一人!|
|12朵|对你的爱与日俱增!|
|13朵|友谊长存!|
|14朵|骄傲!|
|15朵|对你感到歉意|
|16朵|多变不安的爱情!|
|17朵|绝望无可挽回的爱!|
|18朵|真诚与坦白!|
|19朵|忍耐与期待!|
|20朵|我仅一颗赤诚的心!|
|20朵|我仅一颗赤诚的心!|
|21朵|真诚的爱!|
|22朵|祝你好运!|
|25朵|祝你幸福!|
|30朵|信是有缘!|
|40朵|誓死不渝的爱情! |
|50朵|邂逅不期而遇!|
|99朵|天长地久 |
|100朵|百分之百的爱|
|101朵|最……最爱!|
|108朵|求婚!|
|144朵|爱你生生世世 |
|365朵|天天想你|
|999朵|天长地久 |
|1001朵|直到永远|
|1314朵|爱你一生一世|
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
实例渲染效果如下:
玫瑰花朵数的含意:
| 玫瑰花朵数 | 含意 |
|---|---|
| 1朵 | 我的心中只有你! |
| 2朵 | 这世界只有我俩! |
| 3朵 | 我爱你! |
| 4朵 | 至死不渝! |
| 5朵 | 由衷欣赏! |
| 6朵 | 互敬,互爱,互谅! |
| 7朵 | 我偷偷地爱著你! |
| 8朵 | 感谢你的关怀扶持及鼓励! |
| 9朵 | 长久! |
| 10朵 | 十全十美无懈可击! |
| 11朵 | 最爱只在乎你一人! |
| 12朵 | 对你的爱与日俱增! |
| 13朵 | 友谊长存! |
| 14朵 | 骄傲! |
| 15朵 | 对你感到歉意 |
| 16朵 | 多变不安的爱情! |
| 17朵 | 绝望无可挽回的爱! |
| 18朵 | 真诚与坦白! |
| 19朵 | 忍耐与期待! |
| 20朵 | 我仅一颗赤诚的心! |
| 20朵 | 我仅一颗赤诚的心! |
| 21朵 | 真诚的爱! |
| 22朵 | 祝你好运! |
| 25朵 | 祝你幸福! |
| 30朵 | 信是有缘! |
| 40朵 | 誓死不渝的爱情! |
| 50朵 | 邂逅不期而遇! |
| 99朵 | 天长地久 |
| 100朵 | 百分之百的爱 |
| 101朵 | 最……最爱! |
| 108朵 | 求婚! |
| 144朵 | 爱你生生世世 |
| 365朵 | 天天想你 |
| 999朵 | 天长地久 |
| 1001朵 | 直到永远 |
| 1314朵 | 爱你一生一世 |
????????????????
十一、段落
要创建段落,可以使用空白行将一行或多行文本进行分隔。
提醒:不要用空格(spaces)或制表符( tabs)缩进段落。
插入段落的Markdown语法代码:
空白行
一行或多行文本
蓝色妖姬:相守是一种承诺,人世轮回中,怎样才能拥有一份温柔的情意
双枝蓝色妖姬:相遇是一种宿命,心灵的交汇让我们有诉不尽的浪漫情怀。
三枝蓝色妖姬,送花人表达的是另一种情愫:你是我最深的爱恋希望永远铭记我们这段美丽的爱情故事!
- 1
- 2
- 3
- 4
- 5
实例渲染效果如下:
蓝色妖姬:相守是一种承诺,人世轮回中,怎样才能拥有一份温柔的情意
双枝蓝色妖姬:相遇是一种宿命,心灵的交汇让我们有诉不尽的浪漫情怀。
三枝蓝色妖姬,送花人表达的是另一种情愫:你是我最深的爱恋希望永远铭记我们这段美丽的爱情故事!
????????????????
十二、换行语法
在一行的末尾添加两个或多个空格,然后按回车键,即可创建一个换行(
)。
换行的Markdown语法代码:
在一行的末尾添加两个或多个空格按回车键
此语法,csdn目前好像不支持。
玫瑰花(蓝色妖姬)的花语:
一枝蓝色妖姬:相守是一种承诺,人世轮回中,怎样才能拥有一份温柔的情意。
双枝蓝色妖姬:相遇是一种宿命,心灵的交汇让我们有诉不尽的浪漫情怀。
三枝蓝色妖姬,送花人表达的是另一种情愫:你是我最深的爱恋希望永远铭记我们这段美丽的爱情故事!
????????????????
十三、添加链接
链接文本放在中括号内,链接地址放在后面的括号中,链接title可选。
超链接Markdown语法代码:
[超链接显示名](超链接地址)
逆境清醒csdn博客主页: [逆境清醒csdn博客](https://blog.csdn.net/weixin_69553582?type=blog)
- 1
实例渲染效果如下:
逆境清醒csdn博客主页: 逆境清醒csdn博客
13.1、给链接增加 Title
链接title是当鼠标悬停在链接上时会出现的文字,这个title是可选的,它放在圆括号中链接地址后面,跟链接地址之间以空格分隔。
给链接增加 Title的Markdown语法代码:
[超链接显示名](超链接地址空格“链接title”)
逆境清醒csdn博客主页: [逆境清醒csdn博客](https://blog.csdn.net/weixin_69553582?type=blog "努力做好自己")
- 1
实例渲染效果如下:
逆境清醒csdn博客主页: 逆境清醒csdn博客
13.2、网址和Email地址
使用尖括号可以很方便地把URL或者email地址变成可点击的链接。
网址和Email地址增加链接 的Markdown语法代码:
<网址和Email地址>
<https://blog.csdn.net/weixin_69553582?type=blog>
- 1
实例渲染效果如下:
https://blog.csdn.net/weixin_69553582?type=blog
13.3、带格式化的链接
强调 链接, 在链接语法前后增加星号。
要将链接表示为代码,请在方括号中添加反引号。
带格式化的链接的Markdown语法代码:
在链接语法前后增加星号
显示粗体: **[逆境清醒](https://blog.csdn.net/weixin_69553582?type=blog)**
显示斜体: *[逆境清醒](https://blog.csdn.net/weixin_69553582?type=blog)*
这是我的博客 [`逆境清醒`](#https://blog.csdn.net/weixin_69553582?type=blog).
- 1
- 2
- 3
实例渲染效果如下:
显示粗体: 逆境清醒
显示斜体: 逆境清醒
这是我的博客 逆境清醒.
13.4、引用类型链接
引用样式链接是一种特殊的链接,它使URL在Markdown中更易于显示和阅读。参考样式链接分为两部分:与文本保持内联的部分以及存储在文件中其他位置的部分,以使文本易于阅读。
引用类型链接的Markdown语法代码:
[显示为链接的文本][标签]
[标签]紧跟一个冒号:和至少一个空格链接的可选标题
链接的第一部分格式
引用类型的链接的第一部分使用两组括号进行格式设置。
第一组方括号包围应显示为链接的文本。
第二组括号显示了一个标签,该标签用于指向您存储在文档其他位置的链接。
尽管不是必需的,可以在第一组和第二组括号之间包含一个空格。第二组括号中的标签不区分大小写,可以包含字母,数字,空格或标点符号。
链接的第二部分格式
引用类型链接的第二部分使用以下属性设置格式:
放在括号中的标签,其后紧跟一个冒号和至少一个空格(例如[label]:)。
链接的URL,可以选择将其括在尖括号中。
链接的可选标题,可以将其括在双引号,单引号或括号中。
可以将链接的第二部分放在Markdown文档中的任何位置。有些人将它们放在出现的段落之后,有些人则将它们放在文档的末尾(例如尾注或脚注)。
[csdn][1]
[逆境清醒][2]
[1]: https://blog.csdn.net/
[1]: <https://blog.csdn.net/#csdn> (csdn)
[2]: <https://blog.csdn.net/weixin_69553582?type=blog> "逆境清醒博客"
[2]:[逆境清醒csdn博客](https://blog.csdn.net/weixin_69553582?type=blog "努力做好自己")
- 1
- 2
- 3
- 4
- 5
- 6
实例渲染效果如下:
[csdn][1]
[逆境清醒][2]
[1]: https://blog.csdn.net/
[1]: https://blog.csdn.net/#csdn (csdn)
[2]: https://blog.csdn.net/weixin_69553582?type=blog “逆境清醒博客”
[2]:逆境清醒csdn博客
????????????????
十四、转义字符语法
14.1、常规用法
要显示原本用于格式化 Markdown 文档的字符,请在字符前面添加反斜杠字符 \ 。
转义字符的Markdown语法代码:
\原本用于格式化 Markdown 文档的字符
* 紫罗兰花语:请相信我、永恒的美、无尽的爱
\* 紫罗兰花语:请相信我、永恒的美、无尽的爱
- 1
- 2
- 3
实例渲染效果如下:
- 紫罗兰花语:请相信我、永恒的美、无尽的爱
* 紫罗兰花语:请相信我、永恒的美、无尽的爱
14.2、可做转义的字符
以下列出的字符都可以通过使用反斜杠字符从而达到转义目的。
| Character字符 | Name名称 |
|---|---|
| \ | backslash反斜杠 |
| ` | backtick 反引号 |
| * | asterisk星号 |
| _ | underscore下划线 |
| { } | curly braces大括号 |
| [ ] | brackets方括号 |
| ( ) | parentheses括号 |
| # | pound sign 井字符 |
| + | plus sign 加号 |
| - | minus sign (hyphen)减号(连字符) |
| . | dot 点 |
| ! | exclamation mark 感叹号 |
14.3、特殊字符自动转义
在 HTML 文件中,有两个字符需要特殊处理: < 和 & 。
< 符号用于起始标签,
& 符号则用于标记 HTML 实体,
如果你只是想要使用这些符号,你必须要使用实体的形式,像是 < 和 &。
& 符号其实很容易让写作网页文件的人感到困扰,如果你要打「AT&T」 ,你必须要写成「AT&T」 ,还得转换网址内的 & 符号,
如果你要链接到:
http://www/images?num=10&q=larry+bird
你必须要把网址转成:
http://www/images?num=10&q=larry+bird
才能放到链接标签的 href 属性里。
这很容易忘记,这也可能是 HTML 标准检查所检查到的错误中,数量最多的。
Markdown 允许你直接使用这些符号,它帮你自动转义字符。
如果你使用 & 符号的作为 HTML 实体的一部分,那么它不会被转换,而在其它情况下,它则会被转换成 &。
所以你如果要在文件中插入一个著作权的符号,
你可以这样写:
©
Markdown 将不会对这段文字做修改,
但是如果你这样写:
AT&T
Markdown 就会将它转为:
AT&T
类似的状况也会发生在 < 符号上,因为 Markdown 支持 行内 HTML .
如果你使用 < 符号作为 HTML 标签的分隔符,那 Markdown 也不会对它做任何转换,但是如果你是写:
4 < 5
Markdown 将会把它转换为:
4 < 5
需要特别注意的是,在 Markdown 的块级元素和内联元素中, < 和 & 两个符号都会被自动转换成 HTML 实体,这项特性让你可以很容易地用 Markdown 写 HTML。(在 HTML 语法中,你要手动把所有的 < 和 & 都转换为 HTML 实体。)
????????????????
十五、Markdown 内嵌 HTML 标签
对于 Markdown 涵盖范围之外的标签,都可以直接在文件里面用 HTML 本身。如需使用 HTML,不需要额外标注这是 HTML 或是 Markdown,只需 HTML 标签添加到 Markdown 文本中即可。
15.1、行级內联标签
HTML 的行级內联标签如 <span>、、 不受限制,可以在 Markdown 的段落、列表或是标题里任意使用。
甚至可以不用 Markdown 格式,而采用 HTML 标签来格式化。
例如:如果比较喜欢 ,可以直接使用HTML 的 或 等标签,而不用 Markdown 提供的链接或是图片语法。
当你需要更改元素的属性时(例如为文本指定颜色或更改图像的宽度),使用 HTML 标签更方便些。
HTML 行级內联标签和区块标签不同,在內联标签的范围内, Markdown 的语法是可以解析的。
花卉交流中,花语虽无声,但此时**无声胜有声**,其中的<em>涵义和情感表达甚于言语</em>。
- 1
实例渲染效果如下:
花卉交流中,花语虽无声,但此时无声胜有声,其中的涵义和情感表达甚于言语。
15.2、区块标签
区块元素,比如
| 每天都要像向日葵,面对太阳,吸收满满的正能量,开心就笑,蒸发去小小的忧伤。 |
这是另一个常规段落。
请注意,Markdown 语法在 HTML 区块标签中将不会被进行处理。
例如,你无法在 HTML 区块内使用 Markdown 形式的*强调*。
出于安全原因,并非所有 Markdown 应用程序都支持在 Markdown 文档中添加 HTML。如有疑问,请查看相应 Markdown 应用程序的手册。某些应用程序只支持 HTML 标签的子集。
对于 HTML 的块级元素
评论记录:
回复评论: