需要markdown 工具的可以推荐一个好用的工具 => https://typora.io/
需要流程图源码的可以看这里了源码
一. 标题
一个＃就是一级标题 越多“＃”级别越低 字号越小
</br>
二.分割线
使用 *** --- - - - 都可以写出分割线
三.引用
语法如下：> dsfddsf > 和文字之间一定要有一个空格，并且>顶格
nfjkhfsdhfsjkah
四.字体加粗和倾斜
**dsad**或者__dsad__ dsad或者dsad
*dsad* 或者 _dsad_
五.代码块
连续3个`符号 再用3个相同符号括回
this is code block
六. 图片引用
> 
这是一个图片描述
七. 表格使用
在第二行中可以设置对齐方式 默认左对齐
:--: 代表居中 --: 代表右对齐 :-- 代表左对齐
|title|title2|
|--|--|
|ddd|aaa|
| title | title2 |
|---|---|
| ddd | aaa |
右对齐
|title|title2|
|--:|--:|
|ddd|aaa|
| title | title2 |
|---|---|
| ddd | aaa |
居中对齐
|title|title2|
|:--:|:--:|
|ddd|aaa|
| title | title2 |
|---|---|
| ddd | aaa |
八. 单选框
注意 简书这里不支持 - -！
-空格[空格]空格文字
未选中
-空格[x]空格文字
已选中
九. flow 标准流程图
注意把
#去掉注意 简书不支持
# flow 声明是flow形式 就是从上到下的
#```flow
# st 这里和 变量名称类似 后面接声明的框框类型
# 有点像 声明式 UI
# 可以先写个开头和结尾 然后把流程写出来 不然不会显示出来
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
cond2=>condition: 判断()
e=>end: 结束框
# -> 表示走向 流程
st->op->cond
# () 里面可以写一些 配置选项
# 这里 判断就可以写 yes/no
cond(yes)->io->e
# 这里right 表示 线条从右边绕
cond(no)->sub1(right)->op
# ```
image.png
十. mermaid
mermaid 横向流程图
graph LR
title[这是一个横向流程图]
varA[方形] --> varB(圆角)
varB-->varC{条件}
varC--> |a=1|varD[结果1]
varC--> |a!=1|varE[结果2]
mermaid 横向流程图
mermaid 竖向流程图
graph TD
a[方形] --> b(圆角)
b --> c{判断条件}
c -->|yes| d[正确]
c -->|no| e[错误]
e --> a
d --> g(结束)
mermaid竖向流程图
UML 时序图
# -> 直线
# ->> 实线箭头
# --> 虚线
title : UML 时序图
# 声明 参与者的从做到右显示顺序
participant ios
participant server
participant APNS
note over server,APNS: server of ios
ios -> server: send device token
note left of ios : iOS is client
note right of server: server is service
server -> ios : response recive device token
ios --> server : send heart beat
server --> ios : response heart beat
server -> APNS : push notification on already device token phone
note right of APNS : APNS is apple notification service server
APNS -> APNS : find all device from receive bundle id and keychain
APNS --> ios : push remote notification
participant aloneServer
note right of aloneServer : nothing server
UML时序图
甘特图
gantt
dateFormat YYYY-MM-DD
title 软件开发甘特图
# name : status,timeVar,timeInit,endtime(d h )
section 设计
需求 :active, des1, 2019-8-1,3d
原型 :active, des2, 2019-8-10,5d
UI设计 : des3, after des2, 5d
未来任务 : des4, after des3, 5d
section 开发
前端三方库集成 : crit ,d1,2019-8-15,1d
前端开发、后端 : d2 ,after d1,10d
测试 : a1, after d2,3d
上线 : s1, after a1,49h
推广 : t1, after s1, 3d
甘特图
结尾
需要流程图源码的可以看这里了源码
