半小时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[横向流程图] 8
1 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[竖向流程图] 14
1 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 17
1 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 17
1 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: 你真的好吗? 13
1 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: 没人陪我玩 19
1 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 李四-->王五: 很好! 20
1 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 27
1 2 3效果图如下: 4

代码交流 2021