仓库源文站点原文


title: 一个可以使用文本文字描绘流图的开源项目 toc: true cover: 'https://img.paulzzh.com/touhou/random?43' date: 2021-03-06 20:21:11 categories: 工具分享 tags: [工具分享]

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

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

仓库地址:

在线地址:

<br/>

<!--more-->

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

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

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

// 单行注释

/*
多行注释

Have fun! 🎉
*/

生成的流程图如下:

demo1.png

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

把大象装进 冰箱需要几步?
 [first] 第一步: 打开冰箱门
  [second] 第二步: 把冰箱放进去
   [third] 第三步: 把冰箱门关上

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

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

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

生成的流程图如下:

demo1.png

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

<br/>

附录

仓库地址:

在线地址:

<br/>