Markdown 语法详解大全(超级版)（二）
——图片、表格、段落、转义字符、内嵌、注释、缩进、公式
Markdown 语法详解大全(超级版)（一）
Markdown 语法详解大全(超级版)（二）
Markdown 语法详解大全(超级版)（三）
Markdown 语法详解大全(超级版)（四）
Markdown 语法详解大全(超级版)（五）
Markdown 语法详解大全(超级版)（六）
（歌词节选）
别让乌云遮住了天空的蓝
别让命运折返没桨的船
别让黑夜都落在你的臂弯
让我来与你作伴
别让迷雾遮住了停靠的岸
别让你的世界这般不安
别让心中的光变得暗淡
飞过湖泊与高山
你曾经灼热的眼眶
是人生中少数的笨拙又可贵的时刻
一去不返的我们啊
就肆意地追逐吧
有你目送就不算落单
每当我悲伤过，也被暴雨淋过
泥泞开出花朵，就让它生长着
燃烧小小的梦，不怕赤脚追风
就在勇敢过后，会有万里晴空
以黎明呼唤我，用温暖作脉搏
以繁星呼唤我，凝视中有闪烁
命运深处涌动着更多浪漫
梦想破土生长更多答案
繁星背后太阳已开始绚烂
谢谢你与我作伴
逆境清醒
2024.10.5
九、图片
9.1、插入图片
插入图片Markdown语法代码：
! + [ 图片alt ] +(图片链接 “图片title”)
对应的HTML代码：<img src=“图片链接” alt=“图片alt” title=“图片title”>
实例渲染效果如下：
9.2、链接图片
给图片增加链接，请将图像的Markdown 括在方括号中，然后将链接添加在圆括号中。
(此效果csdn能添加链接，但同时会显示放大图片）
[](https://blog.csdn.net/weixin_69553582?type=blog)
实例渲染效果如下：
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
十、添加表格
要添加表，请使用三个或多个连字符（—）创建每列的标题，并使用管道（|）分隔每列。您可以选择在表的任一端添加管道。
插入表格Markdown语法代码：
| + 每列的标题 | 每列的标题 +|
| + ----| ---- +|
| + 每列内容 | 每列内容 +|
| + 每列内容 | 每列内容 +|
**三叶草花语（你如果找到了四叶草就是找到了幸福）**
|叶片数 |含义|
| --- | ----------- |
|一叶|代表祈求|
|二叶|代表希望|
|三叶|代表爱情|
|四叶|代表幸福|
实例渲染效果如下：
三叶草花语（你如果找到了四叶草就是找到了幸福）
| 叶片数 | 含义 |
|---|---|
| 一叶 | 代表祈求 |
| 二叶 | 代表希望 |
| 三叶 | 代表爱情 |
| 四叶 | 代表幸福 |
添加表格的时候可以控制文字的对齐方式：
可以通过在标题行中的连字符的左侧，右侧或两侧添加冒号（:），将列中的文本对齐到左侧，右侧或中心。
:— 设置内容和标题栏居左对齐。
:----: 设置内容和标题栏居中对齐。
—: 设置内容和标题栏居右对齐。
**玫瑰花朵数的含意：**
|玫瑰花朵数|含意|
|:--------:|:--------|
|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朵 | 我仅一颗赤诚的心！ |
| 20朵 | 我仅一颗赤诚的心！ |
| 21朵 | 真诚的爱！ |
| 22朵 | 祝你好运！ |
| 25朵 | 祝你幸福！ |
| 30朵 | 信是有缘！ |
| 40朵 | 誓死不渝的爱情！ |
| 50朵 | 邂逅不期而遇！ |
| 99朵 | 天长地久 |
| 100朵 | 百分之百的爱 |
| 101朵 | 最……最爱！ |
| 108朵 | 求婚！ |
| 144朵 | 爱你生生世世 |
| 365朵 | 天天想你 |
| 999朵 | 天长地久 |
| 1001朵 | 直到永远 |
| 1314朵 | 爱你一生一世 |
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
十一、段落
要创建段落，可以使用空白行将一行或多行文本进行分隔。
提醒：不要用空格（spaces）或制表符（ tabs）缩进段落。
插入段落的Markdown语法代码：
空白行
一行或多行文本
蓝色妖姬:相守是一种承诺,人世轮回中,怎样才能拥有一份温柔的情意
双枝蓝色妖姬：相遇是一种宿命，心灵的交汇让我们有诉不尽的浪漫情怀。
三枝蓝色妖姬,送花人表达的是另一种情愫:你是我最深的爱恋希望永远铭记我们这段美丽的爱情故事！
实例渲染效果如下：
蓝色妖姬:相守是一种承诺,人世轮回中,怎样才能拥有一份温柔的情意
双枝蓝色妖姬：相遇是一种宿命，心灵的交汇让我们有诉不尽的浪漫情怀。
三枝蓝色妖姬,送花人表达的是另一种情愫:你是我最深的爱恋希望永远铭记我们这段美丽的爱情故事！
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
十二、换行语法
在一行的末尾添加两个或多个空格，然后按回车键,即可创建一个换行(
)。
换行的Markdown语法代码：
在一行的末尾添加两个或多个空格按回车键
此语法，csdn目前好像不支持。
玫瑰花（蓝色妖姬）的花语：
一枝蓝色妖姬：相守是一种承诺,人世轮回中,怎样才能拥有一份温柔的情意。
双枝蓝色妖姬：相遇是一种宿命，心灵的交汇让我们有诉不尽的浪漫情怀。
三枝蓝色妖姬,送花人表达的是另一种情愫:你是我最深的爱恋希望永远铭记我们这段美丽的爱情故事！
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
十三、添加链接
链接文本放在中括号内，链接地址放在后面的括号中，链接title可选。
超链接Markdown语法代码：
[超链接显示名](超链接地址)
逆境清醒csdn博客主页： [逆境清醒csdn博客](https://blog.csdn.net/weixin_69553582?type=blog)
实例渲染效果如下：
逆境清醒csdn博客主页： 逆境清醒csdn博客
13.1、给链接增加 Title
链接title是当鼠标悬停在链接上时会出现的文字，这个title是可选的，它放在圆括号中链接地址后面，跟链接地址之间以空格分隔。
给链接增加 Title的Markdown语法代码：
[超链接显示名](超链接地址空格“链接title”)
逆境清醒csdn博客主页： [逆境清醒csdn博客](https://blog.csdn.net/weixin_69553582?type=blog "努力做好自己")
实例渲染效果如下：
逆境清醒csdn博客主页： 逆境清醒csdn博客
13.2、网址和Email地址
使用尖括号可以很方便地把URL或者email地址变成可点击的链接。
网址和Email地址增加链接 的Markdown语法代码：
<网址和Email地址>
<https://blog.csdn.net/weixin_69553582?type=blog>
实例渲染效果如下：
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).
实例渲染效果如下：
显示粗体： 逆境清醒
显示斜体： 逆境清醒
这是我的博客 逆境清醒.
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 "努力做好自己")
实例渲染效果如下：
[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 文档的字符
* 紫罗兰花语：请相信我、永恒的美、无尽的爱
\* 紫罗兰花语：请相信我、永恒的美、无尽的爱
实例渲染效果如下：
- 紫罗兰花语：请相信我、永恒的美、无尽的爱
* 紫罗兰花语：请相信我、永恒的美、无尽的爱
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>、<cite>、<del> 不受限制，可以在 Markdown 的段落、列表或是标题里任意使用。
甚至可以不用 Markdown 格式，而采用 HTML 标签来格式化。
例如：如果比较喜欢 ，可以直接使用HTML 的 <a> 或 <img> 等标签，而不用 Markdown 提供的链接或是图片语法。
当你需要更改元素的属性时（例如为文本指定颜色或更改图像的宽度），使用 HTML 标签更方便些。
HTML 行级內联标签和区块标签不同，在內联标签的范围内， Markdown 的语法是可以解析的。
花卉交流中，花语虽无声，但此时**无声胜有声**，其中的<em>涵义和情感表达甚于言语</em>。
实例渲染效果如下：
花卉交流中，花语虽无声，但此时无声胜有声，其中的涵义和情感表达甚于言语。
15.2、区块标签
区块元素，比如 <div>、<table>、<pre>、<p> 等标签，必须在前后加上空行，以便于内容区分。而且这些元素的开始与结尾标签，不可以用 tab 或是空白来缩进。
Markdown 会自动识别这区块元素，避免在区块标签前后加上没有必要的 <p> 标签。
例如，在 Markdown 文件里加上一段 HTML 表格：
这是一个常规段落。
| 每天都要像向日葵，面对太阳，吸收满满的正能量，开心就笑，蒸发去小小的忧伤。 |
这是另一个常规段落。
请注意，Markdown 语法在 HTML 区块标签中将不会被进行处理。
例如，你无法在 HTML 区块内使用 Markdown 形式的*强调*。
出于安全原因，并非所有 Markdown 应用程序都支持在 Markdown 文档中添加 HTML。如有疑问，请查看相应 Markdown 应用程序的手册。某些应用程序只支持 HTML 标签的子集。
对于 HTML 的块级元素 <div>、<table>、<pre> 和 <p>，
请在其前后使用空行（blank lines）与其它内容进行分隔。
尽量不要使用制表符（tabs）或空格（spaces）对 HTML 标签做缩进，否则将影响格式。
在 HTML 块级标签内不能使用 Markdown 语法。
例如 <p>italic and bold</p> 将不起作用。
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
十六、注释
16.1、方法1
注释的Markdown语法代码：
<!--注释内容-->
<!--
这里是段注释，她存在，你却看不见，正如小丑人背后哭红的那双眼睛，不曾被你留意过。
-->
实例渲染效果如下：
（显示空白）
16.2、方法2
注释的Markdown语法代码：
<div style=‘display: none’>注释内容</div>
此方法，csdn暂时不支持，无法显示效果。
16.3、五花八门的注释方法
有的markdown解析器不支持某些注释方法，这时候就可以用一些hack方法。
<!--
- [comment]: 这里有注释，但不会在浏览器中显示。
- [//]: 这里有注释，但不会在浏览器中显示。
- [//]: #这里有注释，但不会在浏览器中显示。
- [//<>]: 这里有注释，但不会在浏览器中显示。
- [^_^]: 这里有注释，但不会在浏览器中显示。
实例渲染效果如下：
（显示空白）
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
十七、首行缩进
下面几种方法都可以实现首行缩进。
不同特殊占位符所占空白是不一样大的。
全角：  或  
半角：  或  
半角之半角： 或 
  彼岸花是十分神奇的植物，彼岸花每当它开花时叶片就会提前凋落，而等到花朵凋谢后，叶片就会重新生长，花和叶子永不相见，因此象征着两个永远无法相见的人，彼岸花花和叶子虽是同根生却永生相隔，也具有生死两隔的意思。有人用彼岸花代表爱情，代表那种绝望之爱，是非常沉重的。
  曼陀罗华指白色彼岸花，
  曼珠沙华指血红色的彼岸花
    雪白色与血红色的彼岸花共同代表死亡。
    传言曼陀罗华盛开于天堂之路，曼珠沙华布满在地狱之途。
曼陀罗华的一种花语为：“天堂的来信”，曼珠沙华的一种花语为“地狱的召唤”。
  同是代表死亡，一个偏向于对死亡的另一种解释：新生，另一个却偏向于对痛苦与悔恨的彷徨与徘徊：堕落。
  地狱与天堂，仅一线之隔。
实例渲染效果如下：
彼岸花是十分神奇的植物，彼岸花每当它开花时叶片就会提前凋落，而等到花朵凋谢后，叶片就会重新生长，花和叶子永不相见，因此象征着两个永远无法相见的人，彼岸花花和叶子虽是同根生却永生相隔，也具有生死两隔的意思。有人用彼岸花代表爱情，代表那种绝望之爱，是非常沉重的。
曼陀罗华指白色彼岸花，
曼珠沙华指血红色的彼岸花
雪白色与血红色的彼岸花共同代表死亡。
传言曼陀罗华盛开于天堂之路，曼珠沙华布满在地狱之途。
曼陀罗华的一种花语为：“天堂的来信”，曼珠沙华的一种花语为“地狱的召唤”。
同是代表死亡，一个偏向于对死亡的另一种解释：新生，另一个却偏向于对痛苦与悔恨的彷徨与徘徊：堕落。
地狱与天堂，仅一线之隔。
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
十八、公式
数学公式，在Markdown可以使用$$来作为公式块，在其中进行Latex类型公式的输入。
公式的Markdown语法代码：
$$公式$$
$公式$
- 2H~2~O通电-->2H~2~↑+O~2~↑
- 4OH-4~e~=O~2~+H~2~O
- 2^10^ =1024
- $x^2-y^2=(x+y)(x-y)$
- $(x+y)^2=x^2+2xy+y^2$
- $$(x-y)^2=x^2-2xy+y^2$$
实例渲染效果如下：
- 2H2O通电–>2H2↑+O2↑
- 4OH-4e=O2+H2O
- 210 =1024
- x 2 − y 2 = ( x + y ) ( x − y ) x^2-y^2=(x+y)(x-y) x2−y2=(x+y)(x−y)
- ( x + y ) 2 = x 2 + 2 x y + y 2 (x+y)^2=x^2+2xy+y^2 (x+y)2=x2+2xy+y2
- ( x − y ) 2 = x 2 − 2 x y + y 2 (x-y)^2=x^2-2xy+y^2 (x−y)2=x2−2xy+y2
KaTeX数学公式
您可以使用渲染LaTeX数学表达式 KaTeX:
Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N 是通过欧拉积分
Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞tz−1e−tdt.
更多关于的信息 LaTeX [数学表达式][1].
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
未完，稍后更新》》
Markdown 语法详解大全(超级版)（一）
Markdown 语法详解大全(超级版)（二）
Markdown 语法详解大全(超级版)（三）
Markdown 语法详解大全(超级版)（四）
Markdown 语法详解大全(超级版)（五）
Markdown 语法详解大全(超级版)（六）
扫一扫
2230
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
