You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在GitHub上创建甘特图时间计划表?

如何制作GitHub中显示的Markdown时间计划表(甘特图)

你看到的这个时间计划表是Mermaid甘特图,GitHub原生支持渲染这种语法,不需要额外工具。具体制作方法和语法规则如下:

核心语法结构

  • 必须以gantt开头,声明这是甘特图
  • dateFormat 行指定日期格式,示例中用的是YYYY-MM-DD(年-月-日),也可以用其他格式比如MM/DD/YYYY
  • 任务行格式:任务名称 : 开始日期, 结束日期,每个任务单独一行,冒号前后的空格不影响渲染
  • 可选配置:比如todayMarker可以自定义今日标记的样式,示例里设置了线条宽度、颜色和透明度

完整示例代码

gantt
    dateFormat  YYYY-MM-DD
    TypeScript 4.8 稳定期 : 2022-08-05, 2022-08-25
    TypeScript 4.9 Beta 开发 : 2022-08-05, 2022-09-16
    TypeScript 4.9 RC 开发 : 2022-09-16, 2022-10-28
    TypeScript 4.9 稳定期 : 2022-10-28, 2022-11-15
todayMarker stroke-width:5px,stroke:#0f0,opacity:0.5

使用方法

直接将上述格式的代码粘贴到GitHub的Issue、Pull Request、README或者Wiki中,GitHub会自动将代码渲染成可视化的甘特图,不需要额外插件。

内容的提问来源于stack exchange,提问作者Pytan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.18 06:50:29