Markdown 本身并不支持直接绘制甘特图。但是,你可以使用一些在线的工具来创建甘特图,然后将生成的图像或者链接嵌入到你的 Markdown 文件中。
例如,你可以使用像是 mermaid[1] 这样的工具来创建甘特图。以下是一个使用 mermaid 创建甘特图的例子:
代码语言:javascript复制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 文件中,如下所示:
代码语言:javascript复制![Gantt Chart](url_to_your_image)
或者,如果你的 Markdown 渲染器支持 HTML,你也可以直接嵌入 HTML 代码来显示甘特图。例如,如果你使用的是 mermaid,你可以这样做:
代码语言:javascript复制<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)[2]进行许可,使用时请注明出处。 author: mengbin[3] blog: mengbin[4] github: mengbin92[5] cnblogs: 恋水无意[6]
References
[1]
mermaid: https://mermaid-js.github.io/mermaid/#/
[2]
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0): https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh
[3]
mengbin: mengbin1992@outlook.com
[4]
mengbin: https://mengbin.top
[5]
mengbin92: https://mengbin92.github.io/
[6]
恋水无意: https://www.cnblogs.com/lianshuiwuyi/