即刻App年轻人的同好社区
下载
App内打开
少数派sspai
5年前
✍️Markdown 式文字转流程图:Mermaid

🔗阅读更多:sspai.com

「码图」而不是「画图」?

许多工作者的日常工作中,除了写字记录,有时还会需要画一些简单的「示意图」,这些示意图会让我们的文档或报告变得形象生动,便于理解,例如下面这些图:

流程图
结构关系图
进度图或甘特图
业务序列图
如果我们恰好同时对 Markdown 的「标记式」记录方法高度认可的话,那么有没有想过使用类似 Markdown 形式的语言,快速 「写」一个「流图」 出来?

说到 Markdown, 可能已经是很多朋友熟悉的一种记录语言了。在互联网时代,Markdown 被广泛普及运用。很多人用 Markdown 写博客,写日志,写备忘,网上也有一堆支持 Markdown 的写作工具,例如:熊掌记(bear),ia Writer, Ulysses, Day One,甚至 印象笔记 也在近几年开始支持 Markdown 语法。对于不少追求效率的朋友来说,Markdown 是近来文字记录领域中难以忽视的方案。

那么在「绘制流图」的领域当中,也有类似 Markdown 的方案呢?

细细想来,流图或关系图,主要强调的是 拓扑关系,流向,节点内容,而不是一些花哨的排版。 这点和 Markdown 秉承的「重内容,重结构,轻排版」的思路有不谋而合之处。 所以,火箭君这次想介绍的就是,「流图界」的 Markdown 语言,也被称之为 Mermaid 语言。

本文的目的,就在于给大家一个入门的介绍,帮助大家认识到 Mermaid 的威力以及上手融入工作的方法。

Mermaid 的具体文档和范例都有专门的官方网站介绍,文章最后会列出参考出处,需要深入了解的话可以细细挖掘,惊喜不断。
04

来自圈子

圈子图片

产品安利社

930342人已经加入