文章524
标签277
分类67

一个可以使用文本文字描绘流图的开源项目

分享一个仅仅使用文本文字就可以绘制流程图的开源项目,类似于Markdown中的Mermaid语法,并且支持SVG导出;

仓库地址:

在线地址:


一个可以使用文本文字描绘流图的开源项目

下面是在线地址提供的语法的中文翻译版:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
这个应用 使用纯文本构建
新的一行 创建新的节点
文本之间的 空格可以提供换行
缩进创建(临近节点) 的新的子节点
并且任意文本: 在[冒号+空格]之前, 创建一个标签
[linking] 你可以使用小括号 包裹的节点的 ID连接节点
比如: (1)
每一行默认的ID 就是他们的行数
不过你也可以 使用中括号 定义一个自定义的ID
比如: (linking)

// 单行注释

/*
多行注释

Have fun! 🎉
*/

生成的流程图如下:

demo1.png

下面是我创建的一个新的例子:

1
2
3
4
5
6
7
8
9
10
11
12
13
把大象装进 冰箱需要几步?
[first] 第一步: 打开冰箱门
[second] 第二步: 把冰箱放进去
[third] 第三步: 把冰箱门关上

我是指向 第一步的文本
我指向了第一步: (first)

我是指向 第二步的文本
我指向了第二步: (second)

我是指向 第三步的文本
我指向了第三步: (third)

生成的流程图如下:

demo1.png

语法很简单,画个五分钟就学会啦,以后画一些简单的流程图使用这个工具就可以啦!


附录

仓库地址:

在线地址:



本文作者:Jasonkay
本文链接:https://jasonkayzk.github.io/cn/2021/03/06/%E4%B8%80%E4%B8%AA%E5%8F%AF%E4%BB%A5%E4%BD%BF%E7%94%A8%E6%96%87%E6%9C%AC%E6%96%87%E5%AD%97%E6%8F%8F%E7%BB%98%E6%B5%81%E5%9B%BE%E7%9A%84%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/
版权声明:本文采用 CC BY-NC-SA 3.0 CN 协议进行许可