yank+mermaid+甘特图实例

2024-03-21 18:36
文章标签 实例 mermaid 甘特图 yank

本文主要是介绍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

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

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

```mermaid
gantttickInterval 1monthaxisFormat %btitle 2024时间规划(月度)dateFormat YYYY-MMtodayMarker offsection 健康体检: crit, 2024-8-19,7d洗牙: crit,milestone, 2024-10-8,1dsection 人际扩展弱关系: active,2024-1-1, 364d跨城搬家: crit, 2024-9-1, 30d旅行: milestone, 2024-11-1, 1dsection 财务维持工作: active, 2024-3-11, 174d控制支出: active, 2024-3-11, 295dsection 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图一致。

这篇关于yank+mermaid+甘特图实例的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/833539

相关文章

C# WinForms存储过程操作数据库的实例讲解

《C#WinForms存储过程操作数据库的实例讲解》:本文主要介绍C#WinForms存储过程操作数据库的实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、存储过程基础二、C# 调用流程1. 数据库连接配置2. 执行存储过程(增删改)3. 查询数据三、事务处

springboot security验证码的登录实例

《springbootsecurity验证码的登录实例》:本文主要介绍springbootsecurity验证码的登录实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录前言代码示例引入依赖定义验证码生成器定义获取验证码及认证接口测试获取验证码登录总结前言在spring

tomcat多实例部署的项目实践

《tomcat多实例部署的项目实践》Tomcat多实例是指在一台设备上运行多个Tomcat服务,这些Tomcat相互独立,本文主要介绍了tomcat多实例部署的项目实践,具有一定的参考价值,感兴趣的可... 目录1.创建项目目录,测试文China编程件2js.创建实例的安装目录3.准备实例的配置文件4.编辑实例的

python+opencv处理颜色之将目标颜色转换实例代码

《python+opencv处理颜色之将目标颜色转换实例代码》OpenCV是一个的跨平台计算机视觉库,可以运行在Linux、Windows和MacOS操作系统上,:本文主要介绍python+ope... 目录下面是代码+ 效果 + 解释转HSV: 关于颜色总是要转HSV的掩膜再标注总结 目标:将红色的部分滤

Spring 中使用反射创建 Bean 实例的几种方式

《Spring中使用反射创建Bean实例的几种方式》文章介绍了在Spring框架中如何使用反射来创建Bean实例,包括使用Class.newInstance()、Constructor.newI... 目录1. 使用 Class.newInstance() (仅限无参构造函数):2. 使用 Construc

MyBatis-Plus中Service接口的lambdaUpdate用法及实例分析

《MyBatis-Plus中Service接口的lambdaUpdate用法及实例分析》本文将详细讲解MyBatis-Plus中的lambdaUpdate用法,并提供丰富的案例来帮助读者更好地理解和应... 目录深入探索MyBATis-Plus中Service接口的lambdaUpdate用法及示例案例背景

MyBatis-Plus中静态工具Db的多种用法及实例分析

《MyBatis-Plus中静态工具Db的多种用法及实例分析》本文将详细讲解MyBatis-Plus中静态工具Db的各种用法,并结合具体案例进行演示和说明,具有很好的参考价值,希望对大家有所帮助,如有... 目录MyBATis-Plus中静态工具Db的多种用法及实例案例背景使用静态工具Db进行数据库操作插入

Spring中@Lazy注解的使用技巧与实例解析

《Spring中@Lazy注解的使用技巧与实例解析》@Lazy注解在Spring框架中用于延迟Bean的初始化,优化应用启动性能,它不仅适用于@Bean和@Component,还可以用于注入点,通过将... 目录一、@Lazy注解的作用(一)延迟Bean的初始化(二)与@Autowired结合使用二、实例解

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2