yank+mermaid+甘特图实例

因为notion对于mermaid支持很一般,尤其是甘特图,如果时间跨度大、节点多,字号会小到看不见,非常不方便。

同样的代码,在notion中如下图所示:(下图是我的一份年度规划)
(mermaid语法本身好像不能调整字号,需要通过额外的css来调。没去深究)
在这里插入图片描述
而在yank中,不仅字清楚,还支持以svg或者png格式导出图片。
在这里插入图片描述
关于mermaid使用在这里(上一篇):
mermaid使用指南+notion使用实例-持续更新中
https://blog.csdn.net/pxy7896/article/details/135946389

yank是一款挺好用的markdown编辑器,可以扩展的插件很多,我觉得足够满足我的笔记需求。Notion最大的问题还是国内上传图片不稳定,有时候可以有时候不可以。而且付费的AI挺鸡肋的,我觉得不是很好用。

Yank Note: 一款强大可扩展的 Markdown 编辑器
https://yank-note.com/zh-CN

  • 使用方便:使用 Monaco 内核,专为 Markdown 优化,拥有和 VSCode 一样的编辑体验。
  • 功能强大:支持历史版本回溯;可在文档中嵌入小工具、可运行的代码块、表格、PlantUML 图形、Drawio 图形、宏替换等;支持接入 OpenAI 自动补全。
  • 兼容性强:数据保存为本地 Markdown 文件;拓展功能尽量用 Markdown 原有的语法实现。
  • 插件拓展:支持用户编写自己的插件来拓展编辑器的功能。
  • 支持加密:用来保存账号等隐私文件,文件可单独设置密码。

目前yank免费版已经满足我的需求了。

ok,现在直接上甘特图的例子。

```mermaid
gantt
	tickInterval 1month
	axisFormat %b
	title 2024时间规划(月度)
	dateFormat YYYY-MM
	todayMarker off

    section 健康
		体检: crit, 2024-8-19,7d
		洗牙: crit,milestone, 2024-10-8,1d
	section 人际
		扩展弱关系: active,2024-1-1, 364d
		跨城搬家: crit, 2024-9-1, 30d
		旅行: milestone, 2024-11-1, 1d
	section 财务
		维持工作: active, 2024-3-11, 174d
		控制支出: active, 2024-3-11, 295d
	section career
		% 这是注释
		生信在线认证: crit, active, 2024-3-11,5d
		吉他上课: active, 2024-3-20, 30d
		研究硕士方向: 2024-6-1, 30d
		着手申请: crit, milestone, 2024-7-1,
		找新城市+新工作: 2024-8-1, 30d
\```

说明:

  • 最后一行没有那个\,我只是转义一下。。结束只用```即可
  • tickInterval是刻度的间隔,也可以是day
  • axisFormat %b表示刻度使用月份缩写。官网可查各种格式
  • todayMarker off表示关闭当前日期的红线。下面是on的效果
    这是on的效果
  • section就是一个分区,一个section里面可以有多个项目,许多个section在图上是像栈一样堆起来的
  • crit表示critical,就是让项目变红,显得更扎眼一点(我的理解)default是灰色的。这些颜色也是官网可查
  • milestone没什么好说的
  • 项目的开始时间和持续时间不用说了,跟其他mermaid图一致。
  • 6
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值