文章目录
Markdown 的列表的符号有哪些？？？
无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记：
* 第一项
* 第二项
* 第三项
+ 第一项
+ 第二项
+ 第三项
- 第一项
- 第二项
- 第三项
显示结果如下：
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
有序列表使用数字并加上 . 号来表示，如：
1. 第一项
2. 第二项
3. 第三项
显示结果如下：
- 第一项
- 第二项
- 第三项
列表嵌套
列表嵌套只需在子列表中的选项添加四个空格即可：
1. 第一项：
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
2. 第二项：
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
显示结果：
- 第一项：
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
- 第二项：
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
如何在markdown中使用上标、下标？？？？
在Markdown中嵌套一个HTML的语法，即使用HTML中上标、下标的语法即可。
上标的语法：O(n<sup>2</sup>)
下标的语法：O(log<sub>R</sub>B)
显示效果：
O(n2)
O(logRB)
Markdown 表格如何对齐？？？
- Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。
- 语法格式如下：
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
- 显示结果：
| 表头 | 表头 |
|---|---|
| 单元格 | 单元格 |
| 单元格 | 单元格 |
- 对齐方式
我们可以设置表格的对齐方式：
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
- 显示案例：
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
- 显示结果:
| 左对齐 | 右对齐 | 居中对齐 |
|---|---|---|
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
支持的一些HTML标签，形成美观的按钮格式
支持的 HTML 元素
不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有：<kbd> <b> <i> <em> <sup> <sub> <br>等 ，如：
- 例如
使用 <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>N</kbd> 新建图层
- 显示
- 使用 <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>N</kbd> 新建图层
绘制一些流程图、时序图(顺序图)、甘特图
- 横向流程图源码格式：
```mermaid graph LR A[方形] -->B(圆角) B --> C{条件a} C -->|a=1| D[结果1] C -->|a=2| E[结果2] F[横向流程图] ```
- 效果图如下：
- 竖向流程图源码格式：
```mermaid graph TD A[方形] --> B(圆角) B --> C{条件a} C --> |a=1| D[结果1] C --> |a=2| E[结果2] F[竖向流程图] ```
- 效果图如下：
- 标准流程图源码格式：
```mermaid flowchat st=>start: 开始框 op=>operation: 处理框 cond=>condition: 判断框(是或否?) sub1=>subroutine: 子流程 io=>inputoutput: 输入输出框 e=>end: 结束框 st->op->cond cond(yes)->io->e cond(no)->sub1(right)->op ```
- 效果图如下：
- 标准流程图源码格式（横向）：
```mermaid flowchat st=>start: 开始框 op=>operation: 处理框 cond=>condition: 判断框(是或否?) sub1=>subroutine: 子流程 io=>inputoutput: 输入输出框 e=>end: 结束框 st(right)->op(right)->cond cond(yes)->io(bottom)->e cond(no)->sub1(right)->op ```
- 效果图如下：
- UML时序图源码样例：
```mermaid sequenceDiagram 对象A->>对象B: 对象B你好吗?（请求） Note right of 对象B: 对象B的描述 Note left of 对象A: 对象A的描述(提示) 对象B-->>对象A: 我很好(响应) 对象A->>对象B: 你真的好吗？ ```
- 效果图如下：
- UML时序图源码复杂样例：
```mermaid sequenceDiagram Title: 标题：复杂使用 对象A->>对象B: 对象B你好吗?（请求） Note right of 对象B: 对象B的描述 Note left of 对象A: 对象A的描述(提示) 对象B-->>对象A: 我很好(响应) 对象B->>老王: 你好吗 老王-->>对象A: 对象B找我了 对象A->>对象B: 你真的好吗？ Note over 老王,对象B: 我们是朋友 participant C Note right of C: 没人陪我玩 ```
- 效果图如下：
- UML标准时序图样例：
```mermaid %% 时序图例子,-> 直线，-->虚线，->>实线箭头 sequenceDiagram participant 张三 participant 李四 张三->王五: 你最近的目标？ loop 参与面试 王五->王五: 与生活追逐 end Note right of 王五: 学习 工作 <br/>求职... 李四-->>张三: 升学! 王五->李四: 最近的目标？ 李四-->王五: 升学! ```
- 效果图如下：
- 甘特图样例：
```mermaid gantt dateFormat YYYY-MM-DD title 软件开发甘特图 section 设计 需求 :done, des1, 2020-05-06,2020-05-08 原型 :active, des2, 2020-05-09, 3d UI设计 : des3, after des2, 5d 未来任务 : des4, after des3, 5d section 开发 学习准备理解需求 :crit, done, 2020-05-06,6d 设计框架 :crit, done, after des2, 3d 开发 :crit, active, 3d 未来任务 :crit, 5d 耍 :2d section 测试 功能测试 :active, a1, after des3, 3d 压力测试 :after a1 , 3d 测试报告 : 3d ```
- 效果图如下：
结束
这里只做记录，遇到新的方***持续更新，便于查阅。虽然网上有很多！！！！！
参考：https://mermaidjs.github.io/#/
参考：https://markdown-zh.readthedocs.io/en/latest/
参考：https://www.appinn.com/markdown/
京公网安备 11010502036488号