markdown的甘特图耶

前言

之所以想写这篇markdown的甘特图功能，是因为在参看一个大佬的时间管理系统时，有甘特图这个东东，然后原来这就是甘特图啊，于是乎，想起typora的markdown支持这个，就找了下相关资料，记录一下，方便查看（虽然最后没有用起来，目前认为不太好用）

一 正文

目前，我学到的是，主要的甘特图代码，就是四行，第一行是gantt，第二行是图名，第三行是日期格式，第四行是section，复杂主要也是第四行复杂，它定义纵向上的一个环节。

gantt
title: 图名
dateFormat YYYY-MM-DD
section: 描述

第四行section: 描述的语法是：

• 状态 , ID, 开始日期, 结束日期/持续时间
  • 状态： done（已完成）/active（执行中），还可以加一个高亮显示crit。【可以省略】
  • ID：用于给这个任务一个名字。【可以省略】
  • 开始日期：可以用日期格式YYYY-MM-DD，也可以用after ID跟在任务ID1之后。【可以省略】
  • 结束日期/持续时间：可以用日期格式YYYY-MM-DD，也可以用1d持续1天，也可以用20h持续20小时。【必需】

二 例子

A 代码

使用 mermaid 解析语言，在开头使用关键字gantt指明

gantt	%% 必须是第一行 
title 例子测试图 
section 设计
    任务1: done,     des1, 2014-01-06,2014-01-08
    任务2: active,   des2, 2014-01-09, 3d
    任务3: 			 des3, after des2, 5d
    任务4: 		 	 des4, after des3, 5d
    AYZP: 		 	 des5, after des4, 2d
section 开发
    任务1: crit, done, 2014-01-06, 24h
    任务2: crit, done, after des2, 2d
    任务3: crit, active, 3d
    任务4: crit, 5d
    任务5: 2d
section 测试
    任务1: active, a1, after des3, 3d
    任务2: after a1, 20h
    任务3: 48h
section 其他时间
	娱乐: , after des1, 1d

B 效果

参考资料

[1] 奔跑的狮⁠子. Markdown——【甘特图】——使用方法（透彻易理解）. CSDN. 2019.09.
https://blog.csdn.net/weixin_42247720/article/details/100572450

[2] 冰阔落. markdown 绘制流程图、时序图、甘特图. CSDN. 2019.06.
https://blog.csdn.net/kl28978113/article/details/93617103

[3] e想行空. typora画流程图、时序图(顺序图)、甘特图. 百度经验. 2018.02.
https://jingyan.baidu.com/article/48b558e3035d9a7f38c09aeb.html