Markdown使用指南

设置分级标题

语法示例：

加粗文本

you know me

斜体

下划线

删除线

添加分隔线

引用文本

插入链接

插入图片

直接复制粘贴图片即可,image不用填

调整图片大小

<123img src="图片地址" style="zoom: 百分比%;" /> 去掉开头数字123
或者
<123img src="图片地址" width="宽度值px" /> 去掉开头数字123

插入行内代码或代码块

#```python

#```

把注释#去掉就可以用了```后面填写的是代码类型

代码折叠

#高亮折叠
<details>
  <summary><mark><font color=black>点击查看详细内容</font></mark></summary>
  <p> - 测试 测试测试</p>
  <pre><code>  
for i in a:
    print(i)
  </code></pre>
</details>
#普通折叠
<details>
<summary>内容描述</summary>
测试内容
</details>

效果：

点击查看详细内容

- 测试测试测试

  
for i in a:
    print(i)

内容描述

测试内容

页面内跳转（关键词/目录）跳转

//点击：
<a href="#test">Something you should know</a>
//跳转至：
<a name="test">用htmla标签实现的锚链接</a>

something you should know
保证两个要跳转的点的name值相等就可以

使图片居中

当你使用center标签单独居中一张图片的时候，开标签和图片代码通常需要空一行才会正常显示（博客园中）

两张图片连接并排居中

#紧连
<center>

![](https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116162140471-237299356.png)![](https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116162142968-297860512.png)
</center>
#有一定距离
<center>
<figure>
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116162140471-237299356.png" />
·
·
·
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116162140471-237299356.png" />
</figure>
</center>

紧连

有一定距离

注意：在博客园中写博客时，代码块和上方文字要空一行才会生效

设置目录

[TOC]

直接在文章开头或结尾输入即可自动将标题生成目录
用htmla标签实现的锚链接

插入时序图

#```mermaid
sequenceDiagram
A->>B: 是否已收到消息？
B-->>A: 已收到消息
#```

注意将注释符#去掉代码块不要跟上一行文字有空行

sequenceDiagram A->>B: 是否已收到消息？ B-->>A: 已收到消息

插入流程图

graph TD A[模块A] -->|A1| B(模块B) B --> C{判断条件C} C -->|条件C1| D[模块D] C -->|条件C2| E[模块E] C -->|条件C3| F[模块F]