加载话题列表
半小时Markdown速成笔记
目录
参考教程：
标题
换行：
几种字体：
分割线：
删除线
下划线
脚注
无序列表
有序列表
列表嵌套：
区块引用
嵌套区块引用：
区块中使用列表和列表中使用区块：
代码：
插入链接
高级链接
图片：
表格：
特殊符号：
流程图、时序图(顺序图)、甘特图
参考教程：
菜鸟教程https://www.runoob.com/markdown/md-paragraph.html
编辑器下载地址：https://typora.io/
标题
效果
换行：
段落的换行是使用两个以上空格加上shitf+回车
几种字体：
1*斜体文本* 2_斜体文本_ 3**粗体文本** 4__粗体文本__ 5***粗斜体文本*** 6___粗斜体文本___ 7
分割线：
在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线：
删除线
如果段落上的文字要添加删除线，只需要在文字的两端加上两个波浪线 ~~ 即可
删除此处
下划线
下划线可以通过 HTML 的 <u> 标签来实现：
<u>下划线文本</u>
脚注
脚注是对文本的补充说明。记得中括号前后要加空格！
[^脚注格式]
无序列表
无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记：
有序列表
列表嵌套：
列表嵌套只需在子列表中的选项添加四个空格即可
区块引用
Markdown 区块引用是在段落开头使用 > 符号 ，然后后面紧跟一个空格符号：
> 区块引用
嵌套区块引用：
1> 区块引用 2> > 第一层嵌套 3> > > 第二层嵌套 4
区块中使用列表和列表中使用区块：
代码：
反向引号——英文输入模式下esc键下面的那个键 括起来
整段代码用三个分号即可，可指定语言
插入链接
1[链接名称](链接地址) 2 3或者 4 5<链接地址> 6
高级链接
1链接也可以用变量来代替，文档末尾附带变量地址： 2这个链接用 1 作为网址变量 [Google][1] 3这个链接用 runoob 作为网址变量 [Runoob][runoob] 4然后在文档的结尾为变量赋值（网址） 5 6 [1]: http://www.google.com/ 7 [runoob]: http://www.runoob.com/ 8
显示结果如下：
图片：
-
开头一个感叹号 !
-
接着一个方括号，里面放上图片的替代文字
-
接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 'title' 属性的文字。
1！[诸葛大力](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1580560845678&di=0c80fb3a14728b499b70090d7cc63efb&imgtype=0&src=http%3A%2F%2Fpics6.baidu.com%2Ffeed%2Fd043ad4bd11373f006ed0abfae735bfdfaed0445.jpeg%3Ftoken%3Db3dae4adfa8b27117cf225990b870ffa%26s%3DFBB7EC4C041B307F107C481B030050DB "标题：诸葛大力") 2
**效果： **
表格：
Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。
1| 表头 | 表头 | 2| ---- | ---- | 3| 单元格 | 单元格 | 4| 单元格 | 单元格 | 5
特殊符号：
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：
1\ 反斜线 2` 反引号 3* 星号 4_ 下划线 5{} 花括号 6[] 方括号 7() 小括号 8# 井字号 9+ 加号 10- 减号 11. 英文句点 12! 感叹号 13
流程图、时序图(顺序图)、甘特图
复制以下代码使用 typora 的源码模式粘贴到编辑器中查看效果：
以下几个实例效果图如下：
1、横向流程图源码格式：
1```mermaid 2graph LR 3A[方形] -->B(圆角) 4 B --> C{条件a} 5 C -->|a=1| D[结果1] 6 C -->|a=2| E[结果2] 7 F[横向流程图] 81 2 3**2、竖向流程图源码格式：** 4 5 6```html 7```mermaid 8graph TD 9A[方形] --> B(圆角) 10 B --> C{条件a} 11 C --> |a=1| D[结果1] 12 C --> |a=2| E[结果2] 13 F[竖向流程图] 141 2 3**3、标准流程图源码格式：** 4 5 6```html 7```flow 8st=>start: 开始框 9op=>operation: 处理框 10cond=>condition: 判断框(是或否?) 11sub1=>subroutine: 子流程 12io=>inputoutput: 输入输出框 13e=>end: 结束框 14st->op->cond 15cond(yes)->io->e 16cond(no)->sub1(right)->op 171 2 3**4、标准流程图源码格式（横向）：** 4 5 6```html 7```flow 8st=>start: 开始框 9op=>operation: 处理框 10cond=>condition: 判断框(是或否?) 11sub1=>subroutine: 子流程 12io=>inputoutput: 输入输出框 13e=>end: 结束框 14st(right)->op(right)->cond 15cond(yes)->io(bottom)->e 16cond(no)->sub1(right)->op 171 2 3**5、UML时序图源码样例：** 4 5 6```html 7```sequence 8对象A->对象B: 对象B你好吗?（请求） 9Note right of 对象B: 对象B的描述 10Note left of 对象A: 对象A的描述(提示) 11对象B-->对象A: 我很好(响应) 12对象A->对象B: 你真的好吗？ 131 2 3**6、UML时序图源码复杂样例：** 4 5 6```html 7```sequence 8Title: 标题：复杂使用 9对象A->对象B: 对象B你好吗?（请求） 10Note right of 对象B: 对象B的描述 11Note left of 对象A: 对象A的描述(提示) 12对象B-->对象A: 我很好(响应) 13对象B->小三: 你好吗 14小三-->>对象A: 对象B找我了 15对象A->对象B: 你真的好吗？ 16Note over 小三,对象B: 我们是朋友 17participant C 18Note right of C: 没人陪我玩 191 2 3**7、UML标准时序图样例：** 4 5 6```html 7```mermaid 8%% 时序图例子,-> 直线，-->虚线，->>实线箭头 9 sequenceDiagram 10 participant 张三 11 participant 李四 12 张三->王五: 王五你好吗？ 13 loop 健康检查 14 王五->王五: 与疾病战斗 15 end 16 Note right of 王五: 合理 食物 <br/>看医生... 17 李四-->>张三: 很好! 18 王五->李四: 你怎么样? 19 李四-->王五: 很好! 201 2 3**8、甘特图样例：** 4 5 6```html 7```mermaid 8%% 语法示例 9 gantt 10 dateFormat YYYY-MM-DD 11 title 软件开发甘特图 12 section 设计 13 需求 :done, des1, 2014-01-06,2014-01-08 14 原型 :active, des2, 2014-01-09, 3d 15 UI设计 : des3, after des2, 5d 16 未来任务 : des4, after des3, 5d 17 section 开发 18 学习准备理解需求 :crit, done, 2014-01-06,24h 19 设计框架 :crit, done, after des2, 2d 20 开发 :crit, active, 3d 21 未来任务 :crit, 5d 22 耍 :2d 23 section 测试 24 功能测试 :active, a1, after des3, 3d 25 压力测试 :after a1 , 20h 26 测试报告 : 48h 271 2 3效果图如下： 4
完