Code-Knack 支持流程图、时序图、甘特图了

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1857 天前的主题，其中的信息可能已经有所发展或是发生改变。

前文提要： https://www.v2ex.com/t/532704#reply10

图表用的是 Mermaid.js

GitHub： https://github.com/lyricat/code-knack

DEMO： https://lyricat.github.io/code-knack/demo/#

效果如下：

Screenshot 2019-03-20 at 1.03.59 PM.png Screenshot 2019-03-20 at 1.04.17 PM.png

语法很简单，

<pre>
  <code class="language-mermaid,autorun">
graph TD
  A[Christmas] -->|Get money| B(Go shopping)
  B --> C{Let me think}
  C -->|One1| D[Laptop]
  C -->|Two| E[iPhone]
  C -->|Two| E[iPhone]
  C -->|Two| E[iPhone]
  C -->|Three| F[fa:fa-car Car]
  </code>
</pre>

screenshot

2019-03-20

two

5 条回复 • 2019-03-20 17:08:56 +08:00