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

相关文章

MySQL多实例管理如何在一台主机上运行多个mysql

《MySQL多实例管理如何在一台主机上运行多个mysql》文章详解了在Linux主机上通过二进制方式安装MySQL多实例的步骤,涵盖端口配置、数据目录准备、初始化与启动流程,以及排错方法,适用于构建读... 目录一、什么是mysql多实例二、二进制方式安装MySQL1.获取二进制代码包2.安装基础依赖3.清

SpringBoot 异常处理/自定义格式校验的问题实例详解

《SpringBoot异常处理/自定义格式校验的问题实例详解》文章探讨SpringBoot中自定义注解校验问题,区分参数级与类级约束触发的异常类型,建议通过@RestControllerAdvice... 目录1. 问题简要描述2. 异常触发1) 参数级别约束2) 类级别约束3. 异常处理1) 字段级别约束

Apache Ignite缓存基本操作实例详解

《ApacheIgnite缓存基本操作实例详解》文章介绍了ApacheIgnite中IgniteCache的基本操作,涵盖缓存获取、动态创建、销毁、原子及条件更新、异步执行,强调线程池注意事项,避免... 目录一、获取缓存实例(Getting an Instance of a Cache)示例代码:二、动态

JSONArray在Java中的应用操作实例

《JSONArray在Java中的应用操作实例》JSONArray是org.json库用于处理JSON数组的类,可将Java对象(Map/List)转换为JSON格式,提供增删改查等操作,适用于前后端... 目录1. jsONArray定义与功能1.1 JSONArray概念阐释1.1.1 什么是JSONA

MySQL中的LENGTH()函数用法详解与实例分析

《MySQL中的LENGTH()函数用法详解与实例分析》MySQLLENGTH()函数用于计算字符串的字节长度,区别于CHAR_LENGTH()的字符长度,适用于多字节字符集(如UTF-8)的数据验证... 目录1. LENGTH()函数的基本语法2. LENGTH()函数的返回值2.1 示例1:计算字符串

java向微信服务号发送消息的完整步骤实例

《java向微信服务号发送消息的完整步骤实例》:本文主要介绍java向微信服务号发送消息的相关资料,包括申请测试号获取appID/appsecret、关注公众号获取openID、配置消息模板及代码... 目录步骤1. 申请测试系统2. 公众号账号信息3. 关注测试号二维码4. 消息模板接口5. Java测试

MySQL数据库的内嵌函数和联合查询实例代码

《MySQL数据库的内嵌函数和联合查询实例代码》联合查询是一种将多个查询结果组合在一起的方法,通常使用UNION、UNIONALL、INTERSECT和EXCEPT关键字,下面:本文主要介绍MyS... 目录一.数据库的内嵌函数1.1聚合函数COUNT([DISTINCT] expr)SUM([DISTIN

Python实例题之pygame开发打飞机游戏实例代码

《Python实例题之pygame开发打飞机游戏实例代码》对于python的学习者,能够写出一个飞机大战的程序代码,是不是感觉到非常的开心,:本文主要介绍Python实例题之pygame开发打飞机... 目录题目pygame-aircraft-game使用 Pygame 开发的打飞机游戏脚本代码解释初始化部

Spring组件实例化扩展点之InstantiationAwareBeanPostProcessor使用场景解析

《Spring组件实例化扩展点之InstantiationAwareBeanPostProcessor使用场景解析》InstantiationAwareBeanPostProcessor是Spring... 目录一、什么是InstantiationAwareBeanPostProcessor?二、核心方法解

java String.join()方法实例详解

《javaString.join()方法实例详解》String.join()是Java提供的一个实用方法,用于将多个字符串按照指定的分隔符连接成一个字符串,这一方法是Java8中引入的,极大地简化了... 目录bVARxMJava String.join() 方法详解1. 方法定义2. 基本用法2.1 拼接