暂无图片
暂无图片
暂无图片
暂无图片
暂无图片
首页 / 生产力工具 | Markdown | 初识meimaid

生产力工具 | Markdown | 初识meimaid

左羊公社 2023-02-28
2158

先说一句Markdown YYDS! meimaid YYDS!

就在昨天，左羊在使用有道云笔记做每日工作计划时，发现一个Markdown工具meimaid，meimaid能够根据Markdown写法生产流程图、时序图、饼图等各行业常用图像。

这个工具是值得推荐一下的，我们在平时撰写文字类工作时最怕的就是思路被打断。Markdown正好解决了这个，Markdown通过代码式的排版让我们在写作的过程中避免了频繁调整字体、格式等事务打断思路。而meimaid通过Markdown写法生成图像的方式又帮助我们解决在绘制架构文档等需要大量图像内容的频繁切换工具而造成的思路断档情况。当然刚刚接触meimaid的时候你会觉得有些别扭，但相信我只要足够耐心，掌握meimaid以后你的文档里生产力绝对会有大幅提升。

meimaid官网  贴在这里，有兴趣一定要探索一下！


下面让我们来看看meimaid的能力吧，请观赏！YYDS!


流程图

flowchart TB
        A[a]==>B[(b)];
    A-.->C([c]);
    B--bd-->D{d};
    C-->D;
    D -.-dede==> E{{e}};

时序图

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

甘特图

gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram to mermaid
excludes weekdays 2014-01-10

section A section
Completed task            :done,    des1, 2014-01-06,2014-01-08
Active task               :active,  des2, 2014-01-09, 3d
Future task               :         des3, after des2, 5d
Future task2               :         des4, after des3, 5d

类图

classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label

饼图

pie
"果蔬" : 386
"主食" : 85
"肉蛋奶" : 15


对象关系图

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses


参考文献

    1. mermaid官方文档 . https://mermaid.js.org/intro/
    2. Wallen . 知乎 . Typora(meimaid)绘制流程图. https://zhuanlan.zhihu.com/p/481032338
    3. 章鱼猫 . 公众号|GitHub爱好者社区 . GitHub牛逼开源项目！像写 Markdown 一样画流程图 . https://mp.weixin.qq.com/s?__biz=MzIzMTczODU2Mg==&mid=2247490586&idx=2&sn=885dcbe7731406387f996cd1134f7c2b&chksm=e89ec1b7dfe948a17e3189609c02296e5158c7386170decb6bd76f5e10c5fc32f7d609f9e60e&scene=126&&sessionid=0


    感谢您的观看 Yes！如果对您有帮助麻烦帮忙点个赞~


    题图：图片遵循 CC0 许可协议

    markdown流程图
    文章转载自左羊公社，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。

    评论