网站首页 > 基础教程 正文
一、前言
上篇Markdown的教程文章我们学习了基础应用的语法(Markdown 教程),今天我们来试下Markdown的一些高级应用语法。
二、应用场景
流程图、表格等可以在介绍交互流程时直观呈现,公示、时序图等常用于后端接口文档、需求文档。
三、语法介绍
- 表格
1)表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
###### 表格
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
2)我们可以设置表格的对齐方式:
- -: 设置内容和标题栏居右对齐。
- :- 设置内容和标题栏居左对齐。
- :-: 设置内容和标题栏居中对齐。
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
- 公式
1)$...$ 或者 \(...\) 中的数学表达式将会在行内显示。
2)$...$ 或者 \[...\] 或者 ```math 中的数学表达式将会在块内显示。
- 流程图
流程图代码包含在```folw和```之间,流程图代码分两块,上面一块是创建你的流程(创建元素),然后隔一行,创建流程的走向(连接元素)
1)创建流程(元素):tag=>type: content:>url
(1)tag 是流程图中的标签,在第二段连接元素时会用到。名称可以任意,一般为流程的英文缩写和数字的组合。
(2)type 用来确定标签的类型,=>后面表示类型。由于标签的名称可以任意指定,所以要依赖type来确定标签的类型
(3)标签有6种类型:start end operation subroutine condition inputoutput
(4)content 是流程图文本框中的描述内容,: 后面表示内容,中英文均可。特别注意,冒号与文本之间一定要有个空格
(5)url是一个连接,与框框中的文本相绑定,:>后面就是对应的 url 链接,点击文本时可以通过链接跳转到 url 指定页面
2)指向流程(连接元素):标识(类别)->下一个标识
(1)使用 -> 来连接两个元素
(2)对于condition类型,有yes和no两个分支,如示例中的cond(yes)和cond(no)
(3)每个元素可以制定分支走向,默认向下,也可以用right指向右边,如示例中cond2(yes,right)。
```flow
st=>start: 开始
e=>end: 登录
io1=>inputoutput: 输入用户名密码
sub1=>subroutine: 数据库查询子类
cond=>condition: 是否有此用户
cond2=>condition: 密码是否正确
op=>operation: 读入用户信息
st->io1->sub1->cond
cond(yes,right)->cond2
cond(no)->io1(right)
cond2(yes,right)->op->e
cond2(no)->io1
```
3)流程图元素
(1)开始
st=>start: 开始
(2)操作
op1=>operation: 操作、执行说明
(3)条件
cond=>condition: 确认?
(4)子程序
sub1=>subroutine: 子程序操作说明
(5)用户输入或输出
io1=>inputoutput: 输入密码
(6)结束
e=>end: 结束
四、拓展
用文字可以快速描述需求,方便了开发人员之间的工作交流,能大大提高开发效率。所以掌握Markdown是一名优秀的开发者需要具备的技术。
关注我,坚持每日积累一个技巧,长期坚持,我们将会不断进步。
猜你喜欢
- 2024-10-22 如何在 Mac 上轻松制作好看的文本长图?
- 2024-10-22 Vue引入mavon-editor插件实现markdown功能
- 2024-10-22 VSCode中使用Markdown插入图片,如何设置图片的尺寸及显示位置
- 2024-10-22 锤子便签 2.5 发布:不只是一款优雅的长微博工具
- 2024-10-22 如何高效使用Jupyter和Markdown? jupyter如何运行markdown
- 2024-10-22 Markdown笔记 Markdown笔记功能介绍怎么写
- 2024-10-22 第三节 全局操作,高效排版 全局ban位
- 2024-10-22 Typora极简教程 typora官网教程
- 2024-10-22 Markdown编辑器哪个好用(界面简洁高性能的Markdown编辑器)
- 2024-10-22 Markdown(编辑器)工具与使用总结 好用的markdown编辑器
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)