typora使用

使用typora画时序图太方便了 超越drawio

首先软件下载,在吾爱破解上面找到直接解压能用的 赞

使用参考https://blog.csdn.net/qq_36075612/article/details/118161100

常用命令记录

 

Typora内置了对Mermaid的支持,才阔以画各种图
Mermaid:链接

使用方法:
首先在 Typora 中,输入

 ```mermaid

然后敲击回车,即可初始化一张空白图。
上面的三个```也就是esc健对应下面的健

绘制好的图片可以选择菜单/文件/导出,导出为图片或者网页格式。在网页中图片是以 SVG 格式渲染的,你可以复制 SVG 内容,导入到 SVG 的图片编辑器中进一步操作。
导出成网页类型,再使用浏览器打开

使用范例参考:

复制代码
sequenceDiagram
        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 Bob
    
    Alice->>+Bob: Hello Bob, how are you?
    
    rect rgb(175, 255, 212)
    alt is sick
    Bob-->>Alice: Not so good :(
    else is well
    Bob-->>Alice: Feeling fresh like a daisy
    end
    opt Extra response
    Bob-->>Alice: Thanks for asking
    end
    end
    
    loop communicating
        Alice->>+John: asking some questions
        John-->>-Alice: answer 
    end
    
    par Alice to John
      Alice->>John: Bye
    and Alice to Bob
      Alice->>Bob: Bye
    end
        Alice-xJohn: 这是一个异步调用
    Alice--xBob: 这是一个异步调用
复制代码

 



如果您觉得阅读本文对您有帮助,请点一下“推荐”按钮,让更多的人能够享受到获取知识的快乐!因为本人初入职场,鉴于自身阅历有限,所以本博客内容大部分来源于网络中已有知识的汇总,欢迎各位转载,评论,大家一起学习进步!如有侵权,请及时和我联系,切实维护您的权益!
posted @   CS408  阅读(27)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程
历史上的今天:
2016-11-15 (转)java并发之CountDownLatch、Semaphore和CyclicBarrier
2016-11-15 (转)java并发之Executor
2016-11-15 (转)mq常用命令
点击右上角即可分享
微信分享提示