设置分级标题
语法示例:
加粗文本
斜体
下划线
删除线
添加分隔线
引用文本
插入链接
插入图片
直接复制粘贴图片即可,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]
注意将注释符#去掉代码块不要跟上一行文字有空行
#```mermaid
graph TD
A[模块A] -->|A1| B(模块B)
B --> C{判断条件C}
C -->|条件C1| D[模块D]
C -->|条件C2| E[模块E]
C -->|条件C3| F[模块F]
#```
插入甘特图
gantt
title 甘特图
dateFormat YYYY-MM-DD
section 项目A
任务1 :a1, 2018-06-06, 30d
任务2 :after a1 , 20d
section 项目B
任务3 :2018-06-12 , 12d
任务4 : 24d
#```
gantt
title 甘特图
dateFormat YYYY-MM-DD
section 项目A
任务1 :a1, 2018-06-06, 30d
任务2 :after a1 , 20d
section 项目B
任务3 :2018-06-12 , 12d
任务4 : 24d
#```
本文整理和归纳了基本上在[博客园]使用Markdown的方法
本文内容参考收集来自:
markdown 插入图片太大?怎么设定图片大小?
Markdown 实现页面内部跳转和代码折叠
MarkDown折叠语法
Markdown 插入链接
markdown 图片文字等内容居中显示的方法
markdown中锚链接实现目录跳转以及注意事项
markdown多张图片并排显示
印象笔记 Markdown 入门指南