Markdown 精简教程(胎教级教程)

文章目录

  • 一、关于 Markdown
    • 1. 什么是 Markdown?
    • 2. 为什么要用 Markdown?
    • 3. 怎么用 Markdown?(编辑软件)
  • 二、标题
    • 1. 常用标题写法
    • 2. 可选标题写法
    • 3. 自定义标题 ID
    • 4. 注意事项
  • 三、段落
  • 四、换行
  • 五、字体选项
    • 1. 粗体
    • 2. 斜体
    • 3. 粗斜体
    • 4. 删除线
  • 六、列表
    • 1.有序列表
    • 2. 无序列表
    • 3. 列表嵌套
    • 4. 任务列表
    • 5. 定义列表
  • 七、引用
    • 1. 引用写法
    • 2. 引用多个段落
    • 3. 引用嵌套
    • 4. 引用其他元素
  • 八、代码块
    • 1. 行内代码
    • 2. 代码块
    • 3. 围栏式代码
  • 九、分隔线
  • 十、超链接
    • 1. 使用超链接
      • 1-1. 网页跳转
      • 1-2. 跳转至文档其他位置
      • 1-3. 无标签链接
      • 1-4. 无标签邮箱链接
    • 2. 自动超链接
    • 3. 和其他元素配合
  • 十一、图片
    • 1. 添加图片
    • 2. 带链接的图片
    • 3. 带 Title 的图片
  • 十二、内嵌 HTML
  • 十三、表格
    • 1. 使用表格
    • 2. 设置表格对齐方式
    • 3. 在表格中使用其他元素
  • 十四、脚注
  • 十五、公式
    • 1. 行内公式
    • 2. 块公式
  • 十六、图表
    • 1. 流程图
    • 2. 时序图
    • 3. 类图
    • 4. 状态图
    • 5. 实体关系图
    • 6. 用户旅行图
    • 7. 甘特图
  • 十七、注释
  • 十八、目录
  • 十九、Emoji 表情
    • 1. 人物
    • 2. 自然
    • 3. 物体
    • 4. 地点
    • 5. 符号

在这里插入图片描述

一、关于 Markdown

1. 什么是 Markdown?

**Markdown **是一种轻量级标记语言,创始人为约翰·格鲁伯。它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。[4]这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

由于 Markdown 的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,目前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。如 GitHub、Reddit、Discord、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等,甚至还能被用来撰写电子书。

Markdown 如今已成为世界上最受欢迎的标记语言之一。

  1. 专注于文字内容;
  2. 纯文本,易读易写,可以方便地纳入版本控制;
  3. 语法简单,没有什么学习成本,能轻松在码字的同时做出美观大方的排版。

Markdown 与 Word 不同,如果需要把一段文本加粗,在 Word 中,点击工具栏的加粗图标,内容就会被加粗。而在 Markdown 中我们可以使用在文本前后添加两个星号(**粗体**粗体)来达到同样的目的。

和 Word 需要使用 Microsoft Office、WPS 等工具不同,Markdown 可以使用任何在线或本机的文本编辑器(例如 CSDN 等)。

2. 为什么要用 Markdown?

当你可以通过按下界面中的按钮来设置文本格式时,为什么还要使用 Markdown 来书写呢?使用 Markdown 而不是 word 类编辑器的原因有:

  1. Markdown 无处不在。StackOverflow、CSDN、掘金、简书、GitBook、有道云笔记、V2EX、光谷社区等。主流的代码托管平台,如 GitHub、GitLab、BitBucket、Coding、Gitee 等等,都支持 Markdown 语法,很多开源项目的 README、开发文档、帮助文档、Wiki 等都用 Markdown 写作。
  2. Markdown 是纯文本可移植的。几乎可以使用任何应用程序打开包含 Markdown 格式的文本文件。如果你不喜欢当前使用的 Markdown 应用程序了,则可以将 Markdown 文件导入另一个 Markdown 应用程序中。这与 Microsoft Word 等文字处理应用程序形成了鲜明的对比,Microsoft Word 将你的内容锁定在专有文件格式中。
  3. Markdown 是独立于平台的。你可以在运行任何操作系统的任何设备上使用任何文本工具创建 Markdown 格式的文本。
  4. Markdown 能适应未来的变化。即使你正在使用的应用程序将来会在某个时候不能使用了,你仍然可以使用文本编辑器读取 Markdown 格式的文本。当涉及需要无限期保存的书籍、大学论文和其他里程碑式的文件时,这是一个重要的考虑因素。

3. 怎么用 Markdown?(编辑软件)

上面我们说可以在运行任何操作系统的任何设备上使用任何文本工具创建 Markdown 格式的文本,我们确实可以使用任何文本工具创建 Markdown 文件,如果你想用 echo "内容" >> file.md 都可以。但使用一些具备代码高亮和实时预览功能的编辑器,可以让我们更加优雅和快速的编写 Markdown。

用 Markdown 最多的应该是程序员了(哪个程序员还没有写过文档🐶),一般程序员用的 IDE,诸如 VS Code、IDEA、Android Studio 等都内置了 Markdown 高亮和预览功能,下面是一些好用的 Markdown 工具。

  1. 编程/文本工具
    1. Visual Studio Code
    2. IntelliJ IDEA(包括 Android Studio、WebStorm 等)
    3. Sublime Text
    4. Nodepad++
    5. Atom
  2. 在线编辑器
    1. Markdown 中文网站
    2. Editor.md
    3. 小书匠
    4. 菜鸟工具
    5. MaHua
  3. 其他软件
    1. MarkdownPad
    2. BookPad
    3. Typora

二、标题

1. 常用标题写法

Markdown 的标题和 HTML 的标题一致,分为 6 级。分别在一行的开头放 1 到 6 个 # 加空格再加标题内容。

MarkdownHTML
# 标题 1<h1>标题 1</h1>
## 标题 2<h2>标题 2</h2>
### 标题 3<h3>标题 3</h3>
#### 标题 4<h4>标题 4</h4>
##### 标题 5<h5>标题 5</h5>
###### 标题 6<h6>标题 6</h6>

2. 可选标题写法

标题内容的后面如果也存在空格和 #,也可以构成标题,且标题的级别以前面 # 的数量为准。

MarkdownHTML
# 标题 1 ##<h1>标题 1</h1>
## 标题 2 ##<h2>标题 2</h2>
### 标题 3 ###<h3>标题 3</h3>
#### 标题 4 ####<h4>标题 4</h4>
##### 标题 5 #####<h5>标题 5</h5>
###### 标题 6 ######<h6>标题 6</h6>

除了前面加 # 外,标题 1 和标题 2 也可以用下面加横线的形式。标题下面加等号 = 会生成标题 1,加减号 - 会生成标题 2。等号和减号的数量一般不限制,可以有一个或多个。

MarkdownHTML
标题 1 ===<h1>标题 1</h1>
标题 2 ---<h2>标题 2</h2>

3. 自定义标题 ID

MarkdownHTML
# 标题 1 {#head1}<h1 id="head1">标题 1</h1>
## 标题 2 {#head2}<h2 id="head2">标题 2</h2>
### 标题 3 {#head3}<h3 id="head3">标题 3</h3>
#### 标题 4 {#head4}<h4 id="head4">标题 4</h4>
##### 标题 5 {#head5}<h5 id="head5">标题 5</h5>
###### 标题 6 {#head6}<h6 id="head6">标题 6</h6>

4. 注意事项

在有些 Markdown 解析器里面,# 和内容之间不加空格也可以识别为标题,但大部分解析器都是需要加空格的,为了兼容性更强我们一般在写标题时都加空格。

三、段落

MarkdownHTML
这是一段文本 1<p>这是一段文本 1</p>
这是一段文本 1 这是一段文本 2<p>这是一段文本 1 这是一段文本 2</p>

Markdown 里面的段落前面不能有超过一个空白字符(空格、制表符等)。 前面如果有超过一个空格或制表符,该行文本会被生成代码块(<pre><code>...</code></pre>)而不是段落(<p>...</p>)

段落后面也不能有超过一个空白字符(空格、换行符等)。 如果有超过一个换行符,会生成两个段落。如果有超过一个空格,会生成换行标签 <br/>

四、换行

在一行文本后面添加两个以上空格,引擎会生成换行符 <br/>,下表中 这是一段文本 1 后面有两个空格。

MarkdownHTML
这是一段文本 1
这是一段文本 2
<p>这是一段文本 1<br/>这是一段文本 2</p>

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

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

还有两种其他方式我并不推荐使用。CommonMark 和其它几种轻量级标记语言支持在行尾添加反斜杠 () 的方式实现换行,但是并非所有 Markdown 应用程序都支持此种方式,因此从兼容性的角度来看,不推荐使用。并且至少有两种轻量级标记语言支持无须在行尾添加任何内容,只须键入回车键(return)即可实现换行。

五、字体选项

1. 粗体

在需要加粗的文本前后添加两个星号(*)或下划线(_)可以对文本加粗。

MarkdownHTML预览
**这是粗体**<strong>这是粗体</strong>这是粗体
__这是粗体__<strong>这是粗体</strong>这是粗体

2. 斜体

在需要加粗的文本前后添加两个星号(*)或下划线(_)可以倾斜文本。

MarkdownHTML预览
*这是斜体*<em>这是斜体</em>这是斜体
_这是斜体_<em>这是斜体</em>这是斜体

3. 粗斜体

在需要加粗的文本前后添加三个星号(*)或下划线(_)可以倾斜并加粗文本。

MarkdownHTML预览
___这是粗斜体___<strong><em>这是粗斜体</em></strong>这是粗斜体
***这是粗斜体***<strong><em>这是粗斜体</em></strong>这是粗斜体
**_这是粗斜体_**<strong><em>这是粗斜体</em></strong>这是粗斜体
__*这是粗斜体*__<strong><em>这是粗斜体</em></strong>这是粗斜体

4. 删除线

MarkdownHTML预览
~~带删除线的字~~<s>带删除线的字</s>带删除线的字

六、列表

1.有序列表

在文本前面添加数字加点加空格可以构成有序列表。如下表,最终生成的列表前面的编号和前面的数字没有绝对关系,总是从第一个数字开始依次增加。

也有很多 Markdown 解析器完全忽略前导数字,总是从 1 开始。

MarkdownHTML
1. 有序列表项 1
2. 有序列表项 2
<ol> <li>有序列表项 1</li> <li>有序列表项 2</li> </ol>
1. 有序列表项 1
1. 有序列表项 2
<ol> <li>有序列表项 1</li> <li>有序列表项 2</li> </ol>
5. 有序列表项 1
6. 有序列表项 2
<ol start="5"> <li>有序列表项 1</li> <li>有序列表项 2</li> </ol>

2. 无序列表

无序列表可以在文本前面加减号(-)、星号(*)、加号(+)实现。

MarkdownHTML
- 无序列表项 1
- 无序列表项 2
<ul> <li>无序列表项 1</li> <li>无序列表项 2</li> </ul>
* 无序列表项 1
* 无序列表项 2
<ul> <li>无序列表项 1</li> <li>无序列表项 2</li> </ul>
+ 无序列表项 1
+ 无序列表项 2
<ul> <li>无序列表项 1</li> <li>无序列表项 2</li> </ul>

3. 列表嵌套

有序列表、无序列表都是可以嵌套的。在列表项前面添加两个以上空格或制表符可以把该行变成子列表。

MarkdownHTML
1. 有序列表项 1
1. 有序列表项 2
<ol> <li> 有序列表项 1 <ul> <li> 无序列表项 2 </li> </ul> </li> </ol>
- 无序列表项 1
- 无序列表项 2
<ul> <li> 无序列表项 1 <ul> <li> 无序列表项 2 </li> </ul> </li> </ul>

4. 任务列表

有序列表和无序列表都可以做为任务列表使用,任务列表会在每项前面添加一个复选框

下面的 Markdown 代码

**有序任务列表**1. [x] 已选中的项目
1. [ ] 未选中的项目**无序任务列表**- [x] 已选中的项目
- [ ] 未选中的项目

会生成下面的效果

有序任务列表

  1. 已选中的项目
  2. [ ] 未选中的项目

无序任务列表

  • 已选中的项目
  • 未选中的项目

5. 定义列表

下面的 Markdown 代码

列表头 1
: 列表项 11
: 列表项 12列表头 2
: 列表项 21
: 列表项 22

会生成下面的 HTML 代码

<dl><dt>列表头1</dt><dd>列表项11</dd><dd>列表项12</dd><dt>列表头2</dt><dd>列表项21</dd><dd>列表项22</dd>
</dl>

渲染效果类似下面这样

  • 列表头1

    列表项11

    列表项12

  • 列表头2

    列表项21

    列表项22

七、引用

1. 引用写法

Markdown 可以使用大于号 > 和空格生成引用(<blockquote>...</blockquote>

下面的代码

> 这是一个引用段落

会生成下面效果

这是一个引用段落

2. 引用多个段落

引用可以包含多个段落,引用内段落和普通段落一样,不过在空行前面也要加上小于号。

下面的代码

> 这是一个引用段落
>
> 这是另一个引用段落

会生成下面效果

这是一个引用段落

这是另一个引用段落

3. 引用嵌套

在一个引用块里面还可以再引用其他段落。在段落的前面加多个小于事情可以大致多重嵌套的目的。

下面的代码

> 这是一个引用段落
>
> > 这是另一个引用段落

会生成下面效果

这是一个引用段落

这是另一个引用段落

4. 引用其他元素

引用不只可以有段落,还可以存在列表、粗斜体等。

下面的代码

> 这是一个*引用* **段落**
>
> 1. 有序列表项 1
> 1. 有序列表项 2
> 1. 有序列表项 3
>
> - 无序列表项 1
> - 无序列表项 2
> - 无序列表项 3

会生成下面效果

这是一个引用 段落

  1. 有序列表项 1
  2. 有序列表项 2
  3. 有序列表项 3
  • 无序列表项 1
  • 无序列表项 2
  • 无序列表项 3

八、代码块

1. 行内代码

使用一对反引号(```)来创建行内代码。如果在行内代码中需要包含反引号本身,可以使用两个反引号对加前后空格来创建。

MarkdownHTML
这是行内代码

这是行内代码

`<code>`

2. 代码块

将文本的每一行缩进至少四个空格或一个制表符。这样这些文本会变成代码块。

下面的代码

    <html><head></head></html>

会生成下面的效果

3. 围栏式代码

在很多 Markdown 解析器里都支持使用三个反引号(```)或三个波浪号(~)来定义围栏式代码块。同时这种代码块配合插件还可以做到代码高亮、行号等高级功能。

如果在代码块中也存在三个反引号或波浪号,可以在外层使用 4 个。

注意

下面的代码有高亮显示效果,这并不是 Markdown 本身的功能,而是通过第三方插件 Prism.js 做到的。一般在开始的三个反引号或波浪号的后面加代码语言可以指定代码的语言从而可以使用第三方插件做到高亮效果。

下面的代码

```javascript
const a = 1;
const b = 2;
function add(num1, num2) {return num1 + num2;
}
console.log(add(a, b));
```

会生成下面的效果

const a = 1;
const b = 2;
function add(num1, num2) {return num1 + num2;
}
console.log(add(a, b));

九、分隔线

一行只存在连续三个或以上星号(*)、减号(-)或下划线(_)会被生成分隔线(<hr/>)

以下代码

___---***

会生成以下效果




  1. 在使用分隔线时一行在分隔线的上下各留一行空白行。
  2. 虽然星号、减号和下划线都能构成分隔符,但一般使用减号,输入更方便。

十、超链接

1. 使用超链接

1-1. 网页跳转

[Grayson_Zheng-CSDN博客](https://blog.csdn.net/qq_42417071?spm=1000.2115.3001.5343)

Grayson_Zheng-CSDN博客

1-2. 跳转至文档其他位置

[Markdown胎教级教程 标题](##二、标题)

Markdown胎教级教程 标题

1-3. 无标签链接

<https://blog.csdn.net/qq_42417071?spm=1000.2115.3001.5343>

https://blog.csdn.net/qq_42417071?spm=1000.2115.3001.5343

1-4. 无标签邮箱链接

<zhengxinyu13@gmail.com>

zhengxinyu13@gmail.com

2. 自动超链接

有些 Markdown 解析器还可以自动解析代码中的链接,并生成无标签链接。

比如 https://www.zhihu.com/people/XinYu-Zheng-6-16 ,并没有添加任何的超链接语法,但是被自动转换成了 a 标签。

如果不希望自动转换,可以把链接写成行内代码,这样就不会自动转换了。比如: https://www.zhihu.com/people/XinYu-Zheng-6-16

3. 和其他元素配合

超链接还可以和粗体、斜体、代码等其他元素一块使用

1. 这是一个[**粗体链接**](https://www.zhihu.com/people/XinYu-Zheng-6-16)
1. 这是一个[_斜体链接_](https://www.zhihu.com/people/XinYu-Zheng-6-16)
1. 这是一个[**_粗斜体链接_**](https://www.zhihu.com/people/XinYu-Zheng-6-16)
1. 这是一个[`在代码里面的链接`](https://www.zhihu.com/people/XinYu-Zheng-6-16)
  1. 这是一个粗体链接
  2. 这是一个斜体链接
  3. 这是一个粗斜体链接
  4. 这是一个在代码里面的链接

上面 4 个都是在列表里面的链接,这个是在引用里面的链接

十一、图片

1. 添加图片

在需要插入图片的地方输入下列命令:

![这里输入图片描述](这里输入图片路径或者链接)

在这里插入图片描述

2. 带链接的图片

如果要对图片加上链接,可以把图片插入在链接的描述:

[![这里输入图片描述](这里输入图片路径或者链接)](此处输入链接)

在这里插入图片描述
看起来好像没什么区别,你把鼠标放在图片上,按住Ctrl键再单击鼠标左键,就知道是什么效果了。

3. 带 Title 的图片

图片也可以输入 Title,在图片路径或者链接后面插入空格,再输入双引号,在双引号内输入 Title 即可,命令如下:

![这里输入图片描述](这里输入图片路径或者链接 "这里输入 Title")

在这里插入图片描述
好像没什么区别,但是你把鼠标放在图片上,就可以看到鼠标边上会出一个图片的 Title。

十二、内嵌 HTML

在 Markdown 里面是可以直接内嵌 HTML 语法的。扩展的 MarkdownX 语法中,甚至可以使用 React 的 JSX 语法。

下面的代码是在 Markdown 里面使用 html 添加了一个有用户名和密码输入框的表单

**请在下面表单中输入您的用户名和密码**<form><div><label>用户名:</label><input type="text" placeholder="请输入用户名"/></div><div><label>密码: </label><input type="password" placeholder="请输入密码"/></div>
</form>

会生成下面效果:

请在下面表单中输入您的用户名和密码

十三、表格

1. 使用表格

表格使用竖线(|)区分每一列,在表格头和表格体之间第列使用至少三个减号(-)来做为分隔。

下面的代码

|第一列|第二列|第三列|
|---|---|---|
|第一行第一列|第一行第二列|第一行第三列|
|第二行第一列|第二行第二列|第二行第三列|

会生成下面效果:

第一列第二列第三列
第一行第一列第一行第二列第一行第三列
第二行第一列第二行第二列第二行第三列

2. 设置表格对齐方式

下列代码,在第二行的每一列都添加了冒号(:),左侧添加一个冒号表示该列左对齐,右侧添加一个冒号表示该列右对齐,左右各添加一个冒号表示该列居中对齐。

|第一列|第二列|第三列|
|:---|:---:|---:|
|这一列是左对齐的|这一列是居中对齐的|这一列是右对齐的|

会生成下面效果:

第一列第二列第三列
这一列是左对齐的这一列是居中对齐的这一列是右对齐的

3. 在表格中使用其他元素

在表格中可以使用斜体单行元素,比如粗体斜体、行内代码、超链接、图片、Emoji表情、HTML等。

|第一列|第二列|
|:---:|:---:|
|**粗体**|_斜体_|
|`行内代码`|[超链接](./超链接)|
|:cat:|<span style={{color:"red"}}>带颜色的字</span>|

会生成下面效果:

第一列第二列
粗体斜体
行内代码超链接
🐱<span style={{color:“red”}}>带颜色的字

在 typora 中的 markdown 解释器没办法在表格中解析 HTML 语法。

十四、脚注

脚注类似于参考文献或补充说明,统一出现的文档的最后,可在文中任意位置引用。

脚注的定义语法为: [^名称]: 内容

脚注的引用语法为:[^名称]。比如上面的就是引用的脚注,点击可以跳转到下面的脚注内容。

十五、公式

Markdown 本身并不支持公式,但 Markdown 在技术文章、文档、博客领域使用较多,所以非常多的 Markdown 解析器是支持公式扩展的。在支持公式扩展的 Markdown 解析器中,我们可以使用 Katex 语法在 Markdown 中使用公式。

不同的公式渲染器的语法定义也不同,一般分两种,行内公式块公式。行内公式一般前后各使用一个 $ 包裹,块公式一般前后各使用两个 $ 包裹。

1. 行内公式

行内公式前后各使用一个 $ 包裹,渲染结果和行内代码类似,在行内显示,不换行。

这是一个行内公式: $a^2 = b^2 + c^2$

这是一个行内公式: a 2 = b 2 + c 2 a^2 = b^2 + c^2 a2=b2+c2

(typora看不到效果,vs code可以。)

2. 块公式

块公式前后各使用两个 $ 包裹,渲染结果和代码块一样,独占一行。

$$
f(x) = \int_{-\infty}^\infty\hat{f}(\xi)\,e^{2 \pi i \xi x}\,d\xi
$$

f ( x ) = ∫ − ∞ ∞ f ^ ( ξ ) e 2 π i ξ x d ξ f(x) = \int_{-\infty}^\infty \hat{f}(\xi)\,e^{2 \pi i \xi x}\,d\xi f(x)=f^(ξ)e2πiξxdξ

十六、图表

Markdown 本身并不支持图表,但 Markdown 在技术文章、文档、博客领域使用较多,所以非常多的 Markdown 解析器是支持图表扩展的。在支持图表扩展的 Markdown 解析器中,我们可以使用解析支持的图表语法来渲染图表。

由于图表不是 Markdown 标准,不同的 Markdown 编辑器支持的图表类型也不同。图表的使用方法和围栏式代码块一样,但代码语言固定为 mermaid,Markdown 解析器会把代码为 mermaid 的代码块解析并渲染为图表。

1. 流程图

```mermaid
flowchart LRA[直角矩形] -->|链接文本| B(圆角矩形)B --> C{选择}C -->|一| D[结果一]C -->|二| E[结果二]
```
链接文本
直角矩形
圆角矩形
选择
结果一
结果二

2. 时序图

```mermaid
sequenceDiagramautonumberpar Action 1Alice->>John: Hello John, how are you?and Action 2Alice->>Bob: Hello Bob, how are you?endAlice->>+John: Hello John, how are you?Alice->>+John: John, can you hear me?John-->>-Alice: Hi Alice, I can hear you!Note right of John: John is perceptiveJohn-->>-Alice: I feel great!loop Every minuteJohn-->>Alice: Great!end
```
Alice John Bob Hello John, how are you? 1 Hello Bob, how are you? 2 par [Action 1] [Action 2] Hello John, how are you? 3 John, can you hear me? 4 Hi Alice, I can hear you! 5 John is perceptive I feel great! 6 Great! 7 loop [Every minute] Alice John Bob

3. 类图

```mermaid
classDiagramAnimal <|-- DuckAnimal <|-- FishAnimal <|-- ZebraAnimal : +int ageAnimal : +String genderAnimal: +isMammal()Animal: +mate()class Duck{+String beakColor+swim()+quack()}class Fish{-int sizeInFeet-canEat()}class Zebra{+bool is_wild+run()}
```
Animal
+int age
+String gender
+isMammal()
+mate()
Duck
+String beakColor
+swim()
+quack()
Fish
-int sizeInFeet
-canEat()
Zebra
+bool is_wild
+run()

4. 状态图

```mermaid
stateDiagram-v2[*] --> StillStill --> [*]Still --> MovingMoving --> StillMoving --> CrashCrash --> [*]
```
Still
Moving
Crash

5. 实体关系图

```mermaid
erDiagramCUSTOMER ||--o{ ORDER : placesORDER ||--|{ LINE-ITEM : containsCUSTOMER }|..|{ DELIVERY-ADDRESS : uses
```
CUSTOMER ORDER LINE-ITEM DELIVERY-ADDRESS places contains uses

6. 用户旅行图

```mermaid
journeytitle My working daysection Go to workMake tea: 5: MeGo upstairs: 3: MeDo work: 1: Me, Catsection Go homeGo downstairs: 5: MeSit down: 5: Me
```
Cat Me
Go to work
Go to work
Me
Make tea
Make tea
Me
Go upstairs
Go upstairs
Me Cat
Do work
Do work
Go home
Go home
Me
Go downstairs
Go downstairs
Me
Sit down
Sit down
My working day

7. 甘特图

```mermaid
ganttdateFormat  YYYY-MM-DDtitle       Adding GANTT diagram functionality to mermaidexcludes    weekends%% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)section A sectionCompleted task            :done,    des1, 2014-01-06,2014-01-08Active task               :active,  des2, 2014-01-09, 3dFuture task               :         des3, after des2, 5dFuture task2              :         des4, after des3, 5dsection Critical tasksCompleted task in the critical line :crit, done, 2014-01-06,24hImplement parser and jison          :crit, done, after des1, 2dCreate tests for parser             :crit, active, 3dFuture task in critical line        :crit, 5dCreate tests for renderer           :2dAdd to mermaid                      :1dFunctionality added                 :milestone, 2014-01-25, 0dsection DocumentationDescribe gantt syntax               :active, a1, after des1, 3dAdd gantt diagram to demo page      :after a1  , 20hAdd another diagram to demo page    :doc1, after a1  , 48hsection Last sectionDescribe gantt syntax               :after doc1, 3dAdd gantt diagram to demo page      :20hAdd another diagram to demo page    :48h
```
2014-01-07 2014-01-09 2014-01-11 2014-01-13 2014-01-15 2014-01-17 2014-01-19 2014-01-21 2014-01-23 2014-01-25 2014-01-27 Completed task Completed task in the critical line Implement parser and jison Describe gantt syntax Active task Create tests for parser Add gantt diagram to demo page Add another diagram to demo page Future task Future task in critical line Describe gantt syntax Add gantt diagram to demo page Add another diagram to demo page Future task2 Create tests for renderer Add to mermaid Functionality added A section Critical tasks Documentation Last section Adding GANTT diagram functionality to mermaid

十七、注释

Markdown 本身是不支持注释的,但大部分的 Markdown 编辑器或解析器是支持 HTML 的,我们可以使用 HTML 的注释来做到 Markdown 注释的效果。

<!-- 注释内容 -->
<?注释内容>

十八、目录

Markdown 有个目录功能,是文章内容的整体索引。Markdown 为生成目录提供了快捷方式,大大降低了文章目录的编排复杂度,只要在文章顶部键入代码 [TOC][toc],凡是以 # 定义的标题都会被编排到目录。点击目录的索引可以实现快速跳转带对应章节。

十九、Emoji 表情

1. 人物

:bowtie: :bowtie:😄 :smile:😆 :laughing:
😊 :blush:😃 :smiley:☺️ :relaxed:
😏 :smirk:😍 :heart_eyes:😘 :kissing_heart:
😚 :kissing_closed_eyes:😳 :flushed:😌 :relieved:
😆 :satisfied:😁 :grin:😉 :wink:
😜 :stuck_out_tongue_winking_eye:😝 :stuck_out_tongue_closed_eyes:😀 :grinning:
😗 :kissing:😙 :kissing_smiling_eyes:😛 :stuck_out_tongue:
😴 :sleeping:😟 :worried:😦 :frowning:
😧 :anguished:😮 :open_mouth:😬 :grimacing:
😕 :confused:😯 :hushed:😑 :expressionless:
😒 :unamused:😅 :sweat_smile:😓 :sweat:
😥 :disappointed_relieved:😩 :weary:😔 :pensive:
😞 :disappointed:😖 :confounded:😨 :fearful:
😰 :cold_sweat:😣 :persevere:😢 :cry:
😭 :sob:😂 :joy:😲 :astonished:
😱 :scream::neckbeard: :neckbeard:😫 :tired_face:
😠 :angry:😡 :rage:😤 :triumph:
😪 :sleepy:😋 :yum:😷 :mask:
😎 :sunglasses:😵 :dizzy_face:👿 :imp:
😈 :smiling_imp:😐 :neutral_face:😶 :no_mouth:
😇 :innocent:👽 :alien:💛 :yellow_heart:
💙 :blue_heart:💜 :purple_heart:❤️ :heart:
💚 :green_heart:💔 :broken_heart:💓 :heartbeat:
💗 :heartpulse:💕 :two_hearts:💞 :revolving_hearts:
💘 :cupid:💖 :sparkling_heart::sparkles:
:star:🌟 :star2:💫 :dizzy:
💥 :boom:💥 :collision:💢 :anger:
:exclamation::question::grey_exclamation:
:grey_question:💤 :zzz:💨 :dash:
💦 :sweat_drops:🎶 :notes:🎵 :musical_note:
🔥 :fire:💩 :hankey:💩 :poop:
💩 :shit:👍 :+1:👍 :thumbsup:
👎 :-1:👎 :thumbsdown:👌 :ok_hand:
👊 :punch:👊 :facepunch::fist:
✌️ :v:👋 :wave::hand:
:raised_hand:👐 :open_hands:☝️ :point_up:
👇 :point_down:👈 :point_left:👉 :point_right:
🙌 :raised_hands:🙏 :pray:👆 :point_up_2:
👏 :clap:💪 :muscle:🤘 :metal:
🖕 :fu:🚶‍♂️ :walking:🏃‍♂️ :runner:
🏃‍♂️ :running:👫 :couple:👨‍👩‍👦 :family:
👬 :two_men_holding_hands:👭 :two_women_holding_hands:💃 :dancer:
👯‍♀️ :dancers:🙆‍♀️ :ok_woman:🙅‍♀️ :no_good:
💁‍♀️ :information_desk_person:🙋‍♀️ :raising_hand:👰 :bride_with_veil:
🙎‍♀️ :person_with_pouting_face:🙍‍♀️ :person_frowning:🙇‍♂️ :bow:
💏 :couplekiss:💑 :couple_with_heart:💆‍♀️ :massage:
💇‍♀️ :haircut:💅 :nail_care:👦 :boy:
👧 :girl:👩 :woman:👨 :man:
👶 :baby:👵 :older_woman:👴 :older_man:
👱‍♂️ :person_with_blond_hair:👲 :man_with_gua_pi_mao:👳‍♂️ :man_with_turban:
👷‍♂️ :construction_worker:👮‍♂️ :cop:👼 :angel:
👸 :princess:😺 :smiley_cat:😸 :smile_cat:
😻 :heart_eyes_cat:😽 :kissing_cat:😼 :smirk_cat:
🙀 :scream_cat:😿 :crying_cat_face:😹 :joy_cat:
😾 :pouting_cat:👹 :japanese_ogre:👺 :japanese_goblin:
🙈 :see_no_evil:🙉 :hear_no_evil:🙊 :speak_no_evil:
💂‍♂️ :guardsman:💀 :skull:🐾 :feet:
👄 :lips:💋 :kiss:💧 :droplet:
👂 :ear:👀 :eyes:👃 :nose:
👅 :tongue:💌 :love_letter:👤 :bust_in_silhouette:
👥 :busts_in_silhouette:💬 :speech_balloon:💭 :thought_balloon:
:feelsgood: :feelsgood::finnadie: :finnadie::goberserk: :goberserk:
:godmode: :godmode::hurtrealbad: :hurtrealbad::rage1: :rage1:
:rage2: :rage2::rage3: :rage3::rage4: :rage4:
:suspect: :suspect::trollface: :trollface:

2. 自然

☀️ :sunny:☂️ :umbrella:☁️ :cloud:
❄️ :snowflake:☃️ :snowman::zap:
🌀 :cyclone:🌁 :foggy:🌊 :ocean:
🐱 :cat:🐶 :dog:🐭 :mouse:
🐹 :hamster:🐰 :rabbit:🐺 :wolf:
🐸 :frog:🐯 :tiger:🐨 :koala:
🐻 :bear:🐷 :pig:🐽 :pig_nose:
🐮 :cow:🐗 :boar:🐵 :monkey_face:
🐒 :monkey:🐴 :horse:🐎 :racehorse:
🐫 :camel:🐑 :sheep:🐘 :elephant:
🐼 :panda_face:🐍 :snake:🐦 :bird:
🐤 :baby_chick:🐥 :hatched_chick:🐣 :hatching_chick:
🐔 :chicken:🐧 :penguin:🐢 :turtle:
🐛 :bug:🐝 :honeybee:🐜 :ant:
🪲 :beetle:🐌 :snail:🐙 :octopus:
🐠 :tropical_fish:🐟 :fish:🐳 :whale:
🐋 :whale2:🐬 :dolphin:🐄 :cow2:
🐏 :ram:🐀 :rat:🐃 :water_buffalo:
🐅 :tiger2:🐇 :rabbit2:🐉 :dragon:
🐐 :goat:🐓 :rooster:🐕 :dog2:
🐖 :pig2:🐁 :mouse2:🐂 :ox:
🐲 :dragon_face:🐡 :blowfish:🐊 :crocodile:
🐪 :dromedary_camel:🐆 :leopard:🐈 :cat2:
🐩 :poodle:🐾 :paw_prints:💐 :bouquet:
🌸 :cherry_blossom:🌷 :tulip:🍀 :four_leaf_clover:
🌹 :rose:🌻 :sunflower:🌺 :hibiscus:
🍁 :maple_leaf:🍃 :leaves:🍂 :fallen_leaf:
🌿 :herb:🍄 :mushroom:🌵 :cactus:
🌴 :palm_tree:🌲 :evergreen_tree:🌳 :deciduous_tree:
🌰 :chestnut:🌱 :seedling:🌼 :blossom:
🌾 :ear_of_rice:🐚 :shell:🌐 :globe_with_meridians:
🌞 :sun_with_face:🌝 :full_moon_with_face:🌚 :new_moon_with_face:
🌑 :new_moon:🌒 :waxing_crescent_moon:🌓 :first_quarter_moon:
🌔 :waxing_gibbous_moon:🌕 :full_moon:🌖 :waning_gibbous_moon:
🌗 :last_quarter_moon:🌘 :waning_crescent_moon:🌜 :last_quarter_moon_with_face:
🌛 :first_quarter_moon_with_face:🌔 :moon:🌍 :earth_africa:
🌎 :earth_americas:🌏 :earth_asia:🌋 :volcano:
🌌 :milky_way::partly_sunny::octocat: :octocat:
:squirrel: :squirrel:

3. 物体

🎍 :bamboo:💝 :gift_heart:🎎 :dolls:
🎒 :school_satchel:🎓 :mortar_board:🎏 :flags:
🎆 :fireworks:🎇 :sparkler:🎐 :wind_chime:
🎑 :rice_scene:🎃 :jack_o_lantern:👻 :ghost:
🎅 :santa:🎄 :christmas_tree:🎁 :gift:
🔔 :bell:🔕 :no_bell:🎋 :tanabata_tree:
🎉 :tada:🎊 :confetti_ball:🎈 :balloon:
🔮 :crystal_ball:💿 :cd:📀 :dvd:
💾 :floppy_disk:📷 :camera:📹 :video_camera:
🎥 :movie_camera:💻 :computer:📺 :tv:
📱 :iphone:☎️ :phone:☎️ :telephone:
📞 :telephone_receiver:📟 :pager:📠 :fax:
💽 :minidisc:📼 :vhs:🔉 :sound:
🔈 :speaker:🔇 :mute:📢 :loudspeaker:
📣 :mega::hourglass::hourglass_flowing_sand:
:alarm_clock::watch:📻 :radio:
🛰️ :satellite::loop:🔍 :mag:
🔎 :mag_right:🔓 :unlock:🔒 :lock:
🔏 :lock_with_ink_pen:🔐 :closed_lock_with_key:🔑 :key:
💡 :bulb:🔦 :flashlight:🔆 :high_brightness:
🔅 :low_brightness:🔌 :electric_plug:🔋 :battery:
📲 :calling:✉️ :email:📫 :mailbox:
📮 :postbox:🛀 :bath:🛁 :bathtub:
🚿 :shower:🚽 :toilet:🔧 :wrench:
🔩 :nut_and_bolt:🔨 :hammer:💺 :seat:
💰 :moneybag:💴 :yen:💵 :dollar:
💷 :pound:💶 :euro:💳 :credit_card:
💸 :money_with_wings:📧 :e-mail:📥 :inbox_tray:
📤 :outbox_tray:✉️ :envelope:📨 :incoming_envelope:
📯 :postal_horn:📪 :mailbox_closed:📬 :mailbox_with_mail:
📭 :mailbox_with_no_mail:🚪 :door:🚬 :smoking:
💣 :bomb:🔫 :gun:🔪 :hocho:
💊 :pill:💉 :syringe:📄 :page_facing_up:
📃 :page_with_curl:📑 :bookmark_tabs:📊 :bar_chart:
📈 :chart_with_upwards_trend:📉 :chart_with_downwards_trend:📜 :scroll:
📋 :clipboard:📆 :calendar:📅 :date:
📇 :card_index:📁 :file_folder:📂 :open_file_folder:
✂️ :scissors:📌 :pushpin:📎 :paperclip:
✒️ :black_nib:✏️ :pencil2:📏 :straight_ruler:
📐 :triangular_ruler:📕 :closed_book:📗 :green_book:
📘 :blue_book:📙 :orange_book:📓 :notebook:
📔 :notebook_with_decorative_cover:📒 :ledger:📚 :books:
🔖 :bookmark:📛 :name_badge:🔬 :microscope:
🔭 :telescope:📰 :newspaper:🏈 :football:
🏀 :basketball::soccer::baseball:
🎾 :tennis:🎱 :8ball:🏉 :rugby_football:
🎳 :bowling::golf:🚵‍♂️ :mountain_bicyclist:
🚴‍♂️ :bicyclist:🏇 :horse_racing:🏂 :snowboarder:
🏊‍♂️ :swimmer:🏄‍♂️ :surfer:🎿 :ski:
♠️ :spades:♥️ :hearts:♣️ :clubs:
♦️ :diamonds:💎 :gem:💍 :ring:
🏆 :trophy:🎼 :musical_score:🎹 :musical_keyboard:
🎻 :violin:👾 :space_invader:🎮 :video_game:
🃏 :black_joker:🎴 :flower_playing_cards:🎲 :game_die:
🎯 :dart:🀄 :mahjong:🎬 :clapper:
📝 :memo:📝 :pencil:📖 :book:
🎨 :art:🎤 :microphone:🎧 :headphones:
🎺 :trumpet:🎷 :saxophone:🎸 :guitar:
👞 :shoe:👡 :sandal:👠 :high_heel:
💄 :lipstick:👢 :boot:👕 :shirt:
👕 :tshirt:👔 :necktie:👚 :womans_clothes:
👗 :dress:🎽 :running_shirt_with_sash:👖 :jeans:
👘 :kimono:👙 :bikini:🎀 :ribbon:
🎩 :tophat:👑 :crown:👒 :womans_hat:
👞 :mans_shoe:🌂 :closed_umbrella:💼 :briefcase:
👜 :handbag:👝 :pouch:👛 :purse:
👓 :eyeglasses:🎣 :fishing_pole_and_fish::coffee:
🍵 :tea:🍶 :sake:🍼 :baby_bottle:
🍺 :beer:🍻 :beers:🍸 :cocktail:
🍹 :tropical_drink:🍷 :wine_glass:🍴 :fork_and_knife:
🍕 :pizza:🍔 :hamburger:🍟 :fries:
🍗 :poultry_leg:🍖 :meat_on_bone:🍝 :spaghetti:
🍛 :curry:🍤 :fried_shrimp:🍱 :bento:
🍣 :sushi:🍥 :fish_cake:🍙 :rice_ball:
🍘 :rice_cracker:🍚 :rice:🍜 :ramen:
🍲 :stew:🍢 :oden:🍡 :dango:
🥚 :egg:🍞 :bread:🍩 :doughnut:
🍮 :custard:🍦 :icecream:🍨 :ice_cream:
🍧 :shaved_ice:🎂 :birthday:🍰 :cake:
🍪 :cookie:🍫 :chocolate_bar:🍬 :candy:
🍭 :lollipop:🍯 :honey_pot:🍎 :apple:
🍏 :green_apple:🍊 :tangerine:🍋 :lemon:
🍒 :cherries:🍇 :grapes:🍉 :watermelon:
🍓 :strawberry:🍑 :peach:🍈 :melon:
🍌 :banana:🍐 :pear:🍍 :pineapple:
🍠 :sweet_potato:🍆 :eggplant:🍅 :tomato:
🌽 :corn:

4. 地点

🏠 :house:🏡 :house_with_garden:🏫 :school:
🏢 :office:🏣 :post_office:🏥 :hospital:
🏦 :bank:🏪 :convenience_store:🏩 :love_hotel:
🏨 :hotel:💒 :wedding::church:
🏬 :department_store:🏤 :european_post_office:🌇 :city_sunrise:
🌆 :city_sunset:🏯 :japanese_castle:🏰 :european_castle:
:tent:🏭 :factory:🗼 :tokyo_tower:
🗾 :japan:🗻 :mount_fuji:🌄 :sunrise_over_mountains:
🌅 :sunrise:🌠 :stars:🗽 :statue_of_liberty:
🌉 :bridge_at_night:🎠 :carousel_horse:🌈 :rainbow:
🎡 :ferris_wheel::fountain:🎢 :roller_coaster:
🚢 :ship:🚤 :speedboat::boat:
:sailboat:🚣‍♂️ :rowboat::anchor:
🚀 :rocket:✈️ :airplane:🚁 :helicopter:
🚂 :steam_locomotive:🚊 :tram:🚞 :mountain_railway:
🚲 :bike:🚡 :aerial_tramway:🚟 :suspension_railway:
🚠 :mountain_cableway:🚜 :tractor:🚙 :blue_car:
🚘 :oncoming_automobile:🚗 :car:🚗 :red_car:
🚕 :taxi:🚖 :oncoming_taxi:🚛 :articulated_lorry:
🚌 :bus:🚍 :oncoming_bus:🚨 :rotating_light:
🚓 :police_car:🚔 :oncoming_police_car:🚒 :fire_engine:
🚑 :ambulance:🚐 :minibus:🚚 :truck:
🚋 :train:🚉 :station:🚆 :train2:
🚅 :bullettrain_front:🚄 :bullettrain_side:🚈 :light_rail:
🚝 :monorail:🚃 :railway_car:🚎 :trolleybus:
🎫 :ticket::fuelpump:🚦 :vertical_traffic_light:
🚥 :traffic_light:⚠️ :warning:🚧 :construction:
🔰 :beginner:🏧 :atm:🎰 :slot_machine:
🚏 :busstop:💈 :barber:♨️ :hotsprings:
🏁 :checkered_flag:🎌 :crossed_flags:🏮 :izakaya_lantern:
🗿 :moyai:🎪 :circus_tent:🎭 :performing_arts:
📍 :round_pushpin:🚩 :triangular_flag_on_post:🇯🇵 :jp:
🇰🇷 :kr:🇨🇳 :cn:🇺🇸 :us:
🇫🇷 :fr:🇪🇸 :es:🇮🇹 :it:
🇷🇺 :ru:🇬🇧 :gb:🇬🇧 :uk:
🇩🇪 :de:

5. 符号

1️⃣ :one:2️⃣ :two:3️⃣ :three:
4️⃣ :four:5️⃣ :five:6️⃣ :six:
7️⃣ :seven:8️⃣ :eight:9️⃣ :nine:
🔟 :keycap_ten:🔢 :1234:0️⃣ :zero:
#️⃣ :hash:🔣 :symbols:◀️ :arrow_backward:
⬇️ :arrow_down:▶️ :arrow_forward:⬅️ :arrow_left:
🔠 :capital_abcd:🔡 :abcd:🔤 :abc:
↙️ :arrow_lower_left:↘️ :arrow_lower_right:➡️ :arrow_right:
⬆️ :arrow_up:↖️ :arrow_upper_left:↗️ :arrow_upper_right:
:arrow_double_down::arrow_double_up:🔽 :arrow_down_small:
⤵️ :arrow_heading_down:⤴️ :arrow_heading_up:↩️ :leftwards_arrow_with_hook:
↪️ :arrow_right_hook:↔️ :left_right_arrow:↕️ :arrow_up_down:
🔼 :arrow_up_small:🔃 :arrows_clockwise:🔄 :arrows_counterclockwise:
:rewind::fast_forward:ℹ️ :information_source:
🆗 :ok:🔀 :twisted_rightwards_arrows:🔁 :repeat:
🔂 :repeat_one:🆕 :new:🔝 :top:
🆙 :up:🆒 :cool:🆓 :free:
🆖 :ng:🎦 :cinema:🈁 :koko:
📶 :signal_strength:🈹 :u5272:🈴 :u5408:
🈺 :u55b6:🈯 :u6307:🈷️ :u6708:
🈶 :u6709:🈵 :u6e80:🈚 :u7121:
🈸 :u7533:🈳 :u7a7a:🈲 :u7981:
🈂️ :sa:🚻 :restroom:🚹 :mens:
🚺 :womens:🚼 :baby_symbol:🚭 :no_smoking:
🅿️ :parking::wheelchair:🚇 :metro:
🛄 :baggage_claim:🉑 :accept:🚾 :wc:
🚰 :potable_water:🚮 :put_litter_in_its_place:㊙️ :secret:
㊗️ :congratulations:Ⓜ️ :m:🛂 :passport_control:
🛅 :left_luggage:🛃 :customs:🉐 :ideograph_advantage:
🆑 :cl:🆘 :sos:🆔 :id:
🚫 :no_entry_sign:🔞 :underage:📵 :no_mobile_phones:
🚯 :do_not_litter:🚱 :non-potable_water:🚳 :no_bicycles:
🚷 :no_pedestrians:🚸 :children_crossing::no_entry:
✳️ :eight_spoked_asterisk:✴️ :eight_pointed_black_star:💟 :heart_decoration:
🆚 :vs:📳 :vibration_mode:📴 :mobile_phone_off:
💹 :chart:💱 :currency_exchange::aries:
:taurus::gemini::cancer:
:leo::virgo::libra:
:scorpius::sagittarius::capricorn:
:aquarius::pisces::ophiuchus:
🔯 :six_pointed_star::negative_squared_cross_mark:🅰️ :a:
🅱️ :b:🆎 :ab:🅾️ :o2:
💠 :diamond_shape_with_a_dot_inside:♻️ :recycle:🔚 :end:
🔛 :on:🔜 :soon:🕐 :clock1:
🕜 :clock130:🕙 :clock10:🕥 :clock1030:
🕚 :clock11:🕦 :clock1130:🕛 :clock12:
🕧 :clock1230:🕑 :clock2:🕝 :clock230:
🕒 :clock3:🕞 :clock330:🕓 :clock4:
🕟 :clock430:🕔 :clock5:🕠 :clock530:
🕕 :clock6:🕡 :clock630:🕖 :clock7:
🕢 :clock730:🕗 :clock8:🕣 :clock830:
🕘 :clock9:🕤 :clock930:💲 :heavy_dollar_sign:
©️ :copyright:®️ :registered:™️ :tm:
:x::heavy_exclamation_mark:‼️ :bangbang:
⁉️ :interrobang::o:✖️ :heavy_multiplication_x:
:heavy_plus_sign::heavy_minus_sign::heavy_division_sign:
💮 :white_flower:💯 :100:✔️ :heavy_check_mark:
☑️ :ballot_box_with_check:🔘 :radio_button:🔗 :link:
:curly_loop:〰️ :wavy_dash:〽️ :part_alternation_mark:
🔱 :trident::black_square: :black_square::white_square: :white_square:
:white_check_mark:🔲 :black_square_button:🔳 :white_square_button:
:black_circle::white_circle:🔴 :red_circle:
🔵 :large_blue_circle:🔷 :large_blue_diamond:🔶 :large_orange_diamond:
🔹 :small_blue_diamond:🔸 :small_orange_diamond:🔺 :small_red_triangle:
🔻 :small_red_triangle_down::shipit: :shipit:
:tm:
:x::heavy_exclamation_mark:‼️ :bangbang:
⁉️ :interrobang::o:✖️ :heavy_multiplication_x:
:heavy_plus_sign::heavy_minus_sign::heavy_division_sign:
💮 :white_flower:💯 :100:✔️ :heavy_check_mark:
☑️ :ballot_box_with_check:🔘 :radio_button:🔗 :link:
:curly_loop:〰️ :wavy_dash:〽️ :part_alternation_mark:
🔱 :trident::black_square: :black_square::white_square: :white_square:
:white_check_mark:🔲 :black_square_button:🔳 :white_square_button:
:black_circle::white_circle:🔴 :red_circle:
🔵 :large_blue_circle:🔷 :large_blue_diamond:🔶 :large_orange_diamond:
🔹 :small_blue_diamond:🔸 :small_orange_diamond:🔺 :small_red_triangle:
🔻 :small_red_triangle_down::shipit: :shipit:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/674443.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Map集合的实现类~HashMap

存储结构&#xff1a;哈希表 键重复依据是hashCode和equals方法&#xff08;键不能重复&#xff09; 添加&#xff1a; 先创建Student类&#xff0c;那么往HashSet添加的就是Student对象作为键值&#xff0c;后面的作为值 删除&#xff1a; 判断&#xff1a; 遍历&#xff1a…

第五节 内联框架强化练习

建立左右常用框架结构说明 1、添加动态面板如下&#xff1a; 2、添加树元件 3、添加树节点&#xff08;右键->添加子节点 右键->点添加节点&#xff09; 4、添加交互页面 5、添加单击交互跳转事件到内联框架中(注意当前内联框架与当前面板要处在同级目录) 6、添加交互跳…

深度学习实战76-基于目标检测YOLOv5模型的迁移学习使用方法,YOLOv5的原理与结构

大家好,我是微学AI,今天给大家介绍一下深度学习实战76-基于目标检测YOLOv5模型的迁移学习使用方法,YOLOv5的原理与结构。YOLOv5(You Only Look Once version 5)是一种先进的目标检测算法,基于深度学习的单阶段目标检测模型。它的主要原理是通过一次前向传播就同时预测图像…

Springboot项目学习之各组件的用法和逻辑结构

1.Controller层&#xff08;Controller&#xff09;&#xff1a; 也称为前端控制器或请求处理器&#xff0c;它是项目与用户交互的入口。Controller接收HTTP请求&#xff0c;解析请求参数&#xff0c;调用Service层处理业务逻辑&#xff0c;并返回响应给客户端。 Controller通…

页面嵌套,界面套娃,除了用iframe,还有其他方式吗?

UIOTOS可以了解下&#xff0c;uiotos.net&#xff0c;通过连线来代替脚本逻辑开发&#xff0c;复杂的交互界面&#xff0c;通过页面嵌套轻松解决&#xff0c;是个很新颖的思路&#xff0c;前端零代码&#xff01; 蓝图连线尤其是独创的页面嵌套和属性继承技术&#xff0c;好家…

京东工业优选商品详情API接口:解锁高效工业采购新体验

京东工业优选的商品详情API接口&#xff0c;允许开发者通过程序化的方式&#xff0c;快速获取平台上的商品详细信息。这些详细信息包括但不限于商品名称、价格、规格、库存、图片、评价等&#xff0c;为企业提供全方位的商品信息查询服务。 二、API接口的主要功能 实时查询&a…

优雅的实现接口统一调用!

有些时候我们在进行接口调用的时候&#xff0c;比如说一个 push 推送接口&#xff0c;有可能会涉及到不同渠道的推送。 比如做结算后端服务的&#xff0c;会与金蝶财务系统进行交互&#xff0c;那么我结算后端会涉及到多个结算单类型&#xff0c;如果每一个种类型的结算单都去…

CSDN我的创作纪念日128天||不忘初心|努力上进|勇往直前

机缘 Hello&#xff0c;大家好&#xff0c;我是景天&#xff0c;其实很早之前我就加入到了CSND的大军&#xff0c;彼时我还是个刚毕业的小白白&#xff0c;时常过来CSND汲取养料&#xff0c;就这样&#xff0c;慢慢的来提升自己&#xff0c;强大自己。工作锻炼了我&#xff0c…

纯血鸿蒙APP实战开发——底部面板嵌套列表滑动案例

介绍 本示例主要介绍了利用panel实现底部面板内嵌套列表&#xff0c;分阶段滑动效果场景。 效果图预览 使用说明 点击底部“展开”&#xff0c;弹出panel面板。在panel半展开时&#xff0c;手指向上滑动panel高度充满页面&#xff0c;手指向下滑动panel隐藏。在panel完全展开…

值得收藏!修复Windows 10/11中找不到输出或输入设备的五种方法

序言 这篇文章主要关注处理声音输出/输入设备未发现的问题。它提供了许多可行的方法,帮助了许多Windows用户。阅读以下内容以找到你的解决方案。 最近,我将Windows 10更新到21H2,发现我的音频无法工作。当我把鼠标放在任务栏上的声音图标(上面有一个十字图标)上时,它会…

金融业开源软件应用 管理指南

金融业开源软件应用 管理指南 1 范围 本文件提供了金融机构在应用开源软件时的全流程管理指南&#xff0c;对开源软件的使用和管理提供了配套 组织架构、配套管理规章制度、生命周期流程管理、风险管理、存量管理、工具化管理等方面的指导。 本文件适用于金融机构规范自身对开…

《ESP8266通信指南》12-Lua 固件烧录

往期 《ESP8266通信指南》11-Lua开发环境配置-CSDN博客 《ESP8266通信指南》10-MQTT通信&#xff08;Arduino开发&#xff09;-CSDN博客 《ESP8266通信指南》9-TCP通信&#xff08;Arudino开发&#xff09;-CSDN博客 《ESP8266通信指南》8-连接WIFI&#xff08;Arduino开发…