专业编程基础技术教程

网站首页 > 基础教程 正文

Markdown 高级技巧教程 markdown使用教程

ccvgpt 2024-10-22 10:40:09 基础教程 11 ℃

一、前言

上篇Markdown的教程文章我们学习了基础应用的语法(Markdown 教程),今天我们来试下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是一名优秀的开发者需要具备的技术。

关注我,坚持每日积累一个技巧,长期坚持,我们将会不断进步。

#计算机##程序员##python##java##互联网#

最近发表
标签列表