Markdown 本身并不支持直接绘制甘特图。但是,你可以使用一些在线的工具来创建甘特图,然后将生成的图像或者链接嵌入到你的 Markdown 文件中。

例如,你可以使用像是 mermaid 这样的工具来创建甘特图。以下是一个使用 mermaid 创建甘特图的例子:

gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task            :done,    des1, 2023-08-06,2023-08-08
Active task               :active,  des2, 2023-08-09, 3d
Future task               :         des3, after des2, 5d
Future task2              :         des4, after des3, 5d

然后,你可以将生成的图像或者链接嵌入到你的 Markdown 文件中,如下所示:

![Gantt Chart](url_to_your_image)

或者,如果你的 Markdown 渲染器支持 HTML,你也可以直接嵌入 HTML 代码来显示甘特图。例如,如果你使用的是 mermaid,你可以这样做:

<div class="mermaid">
gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task            :done,    des1, 2023-08-06,2023-08-08
Active task               :active,  des2, 2023-08-09, 3d
Future task               :         des3, after des2, 5d
Future task2              :         des4, after des3, 5d
</div>

请注意,这需要你的 Markdown 渲染器支持 HTML,并且你需要在你的网页中包含 mermaid 的 JavaScript 库。


孟斯特

声明:本作品采用署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)进行许可,使用时请注明出处。
author: mengbin
blog: mengbin
github: mengbin92
cnblogs: 恋水无意