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

V2EX = way to explore

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

已注册用户请登录

爱意满满的作品展示区。

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

（腾讯云最新优惠活动来了：云产品限时1折，云服务器低至88元/年，点击这里立即抢购：9i0i.cn/qcloud，更有2860元代金券免费领取，付款直接抵现金用，点击这里立即领取：9i0i.cn/qcloudquan）

（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）

前文提要： /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