目次成人色导航

概括

一、经过图

二、UML时序图

三、甘特图

四、类图

五、情景图

六、饼图

七、导出

八、纪念

概括

Typora是一款简陋精炼的Markdown裁剪器，因循即时渲染本领，这亦然与其他Markdown裁剪器最权臣的诀别。即时渲染使得你写Markdown就思是写Word文档相似意见自由，不像其他裁剪器的有裁剪栏和清晰栏。

Typora删除了预览窗口，以及总共其他无谓要的扰乱。拔旗易帜的是及时预览。

Markdown的语法因不同的明白器或裁剪器而异，Typora使用的是GitHub Flavored Markdown。

官网联贯

有一位大佬汇总了学习教程：联贯

B站先容：联贯

Typora内置了对Mermaid的因循，才阔以画多样图。

Mermaid：联贯

使用规范：

当先在 Typora 中，输入 ```mermaid 然后敲击回车，即可开动化一张空缺图。

上头的三个```也等于esc健对应底下的健。

在空缺处输入底下的源码即可，按照mermaid语法时势来操作即可。

一、经过图

1）、竖向（TD 暗示从上到下）

graph TD;

A-->B;

A-->C;

B-->D;

D-->E;

D-->F;

图片

2）、横向（LR 暗示从左到右）graph LR; A[方形]-->B(圆角) B-->C{条目a} C-->|a=1|D[成果1] C-->|a=2|E[成果2]

图片

3）、圭臬（竖向）

先输入```flow 然后敲击回车，在输入栏，输入底下的语法即可。

图片

st=>start: 脱手框

op=>operation: 治理框

cond=>condition: 判断框(是或否?)

sub1=>subroutine: 子经过

io=>inputoutput: 输入输出框

e=>end: 实现框

st->op->cond

cond(yes)->io->e

cond(no)->sub1(right)->op

图片

图片

4）、圭臬（横向）st=>start: 脱手框op=>operation: 治理框cond=>condition: 判断框(是或否?)sub1=>subroutine: 子经过io=>inputoutput: 输入输出框e=>end: 实现框st(right)->op(right)->condcond(yes)->io(bottom)->econd(no)->sub1(right)->op

图片

二、UML时序图

先输入```mermaid (或）sequence

->> 代表实线箭头，–>> 则代表虚线箭头

-> 直线，–>虚线

使用sequenceDiagram 则不使用``sequence

1）、大略

sequenceDiagram

客户->>银行柜台: 我要存钱

银行柜台->>后台: 改一下这个账户数字哦

后台->>银行柜台: 账户的数字改收场成人色导航，未来起息

银行柜台->>客户: 好了，给你回单 ，下一位

图片

sequenceDiagram 对象A->对象B:对象B你好吗（央求） Note right of 对象B:对象B的刻画（教唆） Note left of 对象A:教唆 对象B-->>对象A:我很好（反应） 对象A->>对象B:你细目？

图片

2）、复杂

sequenceDiagram

title:标题：复杂使用

对象A->>对象B:对象B你好吗（央求）

Note right of 对象B:对象B的刻画（教唆）

Note left of 对象A:教唆

对象B-->>对象A:我很好（反应）

对象B->>对象C:你好吗？

对象C-->>对象A: B找我了

对象A->>对象B:你细目？

note over 对象C，对象B:一又友

participant D

note right of D:没东谈主陪我

图片

sequenceDiagram participant A participant B participant C A->>C:hello loop health C->>C:no end Note right of C:you should eat

doctor B-->>A:nice C->>B:how are you? B-->>C:great

图片

sequenceDiagram

participant A

participant B

participant C

participant D

title:'练习时序图'

A->>B:request

B->>B:verify sign

B->>C:123

C-->>B:321

B->>C:456

C->>C:code

C->>D:789

D-->>B:987

alt yes

Note right of B:yes的成果

else no

B-->>D:login

D-->>B:login success

end

B->>B:加密

B-->>A:return

图片

图片

sequenceDiagram title:时序图例子 Alice->>Alice:自言自语 Alice-->>John:hello john， %% over 不错用于单唯一个脚色上，也不错用于相邻的两个脚色间： note over Alice，John:friend %% loop 后跟轮回体评释笔墨 loop healthcheck John-->>John:Fight agaist hypochondra end note right of John: Rational John-->>Alice:Great! John->>Bob:How about you? %% 落拓焦点：用来暗示时序图中对象实施某个操作的一段时间 %% activate 脚色名：暗示激活落拓焦点 activate Bob Bob-->>John:Jolly good! %% deactivate 脚色名 暗示落拓焦点实现deactivate BobAlice->>+Bob: Hello Bob， how are you?rect rgb(175， 255， 212)alt is sickBob-->>Alice: Not so good :(else is wellBob-->>Alice: Feeling fresh like a daisyendopt Extra responseBob-->>Alice: Thanks for askingendendloop communicatingAlice->>+John: asking some questionsJohn-->>-Alice: answerendpar Alice to JohnAlice->>John: Byeand Alice to BobAlice->>Bob: Byeend Alice-xJohn: 这是一个异四肢用Alice--xBob: 这是一个异四肢用

图片

3）、圭臬

%% 时序图例子，-> 直线，-->虚线，->>实线箭头

sequenceDiagram

participant 张三

participant 李四

张三->王五: 王五你好吗？

loop 健康查验

王五->王五: 与疾病宣战

end

Note right of 王五: 合理 食品

看大夫...

李四-->>张三: 很好!

王五->李四: 你怎样样?

李四-->王五: 很好!A

图片

三、甘特图

%% 语法示例ganttdateFormat  YYYY-MM-DDtitle 软件配置甘特图section 盘算需求                      :done，    des1， 2014-01-06，2014-01-08原型                      :active，  des2， 2014-01-09， 3dUI盘算                     :         des3， after des2， 5d将来任务                     :         des4， after des3， 5dsection 配置学习准备和谐需求                      :crit， done， 2014-01-06，24h盘算框架                             :crit， done， after des2， 2d配置                                 :crit， active， 3d将来任务                              :crit， 5d耍                                   :2dsection 测试功能测试                              :active， a1， after des3， 3d压力测试                               :after a1  ， 20h测试论述                               : 48h

图片

四、类图

语法解说：<|-- 暗示接纳，+ 暗示 public，- 暗示 private，学过 Java 的应该齐知谈。

classDiagram

Animal <|-- Duck

Animal <|-- Fish

Animal <|-- Zebra

Animal : +int age

Animal : +String gender

Animal: +isMammal()

Animal: +mate()

class Duck{

+String beakColor

+swim()

+quack()

}

class Fish{

-int sizeInFeet

-canEat()

}

class Zebra{

+bool is_wild

+run()

}

图片

图片

五、情景图stateDiagram[*] --> s1s1 --> [*]

图片

六、饼图

pie

gpt文爱

title Key elements in Product X

'Calcium' : 42.96

'Potassium' : 50.05

'Magnesium' : 10.01

'Iron' : 5

图片

七、导出

绘制好的图片不错选拔菜单/文献/导出，导出为图片或者网页时势。在网页中图片所以 SVG 时势渲染的，你不错复制 SVG 实验，导入到 SVG 的图片裁剪器中进一步操作。

导出成网页类型，再使用浏览器绽开，如下所示：

图片

参考著作：

1）使用 Typora之绘画 

https://blog.csdn.net/fggsgnhz/article/details/114880830?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_v2~rank_aggregation-6-114880830.pc_agg_rank_aggregation&utm_term=Typora画图&spm=1000.2123.3001.4430

2）快速学习时序图：时序图简介、画法及实例

http://www.woshipm.com/ucd/607593.html

3）UML时序图(Sequence Diagram)学习条记https://blog.csdn.net/fly_zxy/article/details/80911942

4）开源 绘画_使用 Typora 绘画（类图、经过图、时序图）https://blog.csdn.net/weixin_26850069/article/details/112702748

八、纪念

好了，先容到此为止成人色导航，作念个笔录，有这个神器以后绘画就浅薄许多了。

本站仅提供存储业绩，总共实验均由用户发布，如发现存害或侵权实验，请点击举报。

上一篇：成人色导航 省亲路费，到账了！    下一篇：91porn,com 湘财鑫利纯债A,湘财鑫利纯债C: 对于湘财鑫利纯债债券型证券投资基金分成公告