打开mermaid
如果是思源条记，则有个专门的入口，输入斜杠后选择mermaid即可。
mermaid中第一行代表图表类型，流程图是flowchart TD，接下来就可以开始做流程图了。在mermaid的流程图中，几个根本语法如下：节点形状：默认节点形状是方块id1((名称))则节点形状变为圆 。id2[(数据库)]则节点形状变为数据库。id3([名称])则节点形状变成圆角矩形。线型："--" 两个减号代表正常直线连接。"==" 两个等号代表粗线连接。“-.-”代表虚线连接。“>”大于号代表箭头流程：A --> B 代表A指向B的一个流程A --操作-->B 则是在A、B间箭头上添加一个操作笔墨一个终点多个出发点A --> CB --> C一个出发点多个终点A --> BA --> C想怎么写就怎么写，非常顺畅。
flowchart TDid1((AAA))id2[(BBB)]id3([DDD])id1 ==> id3id2 -.-> id3id1 --操作-->id2
甘特图
流程图之后是甘特图，为什么是甘特图？由于甘特图在事情中很随意马虎出彩。我个人来说，有时候领导让我提交某次活动的日程/行程安排，就会在提交行程安排的时候，顺便提交一张甘特图，相对来说就更直不雅观，能一下子捉住眼球。mermaid中甘特图基本语法如下：图表类型为gantt。在开头几行中，要明确图表内容：dateFormat 日期格式，可以用YYYY-MM-DD代表年月日，也可以HH:mm代表小时与分。axisFormat 坐标轴格式，格式与dateFormat不同，年月日为%Y-%m-%d，小时与分为%H:%M，需把稳其大小写与dateFormat有些相反！
dateFormt格式与axisFormat 格式比拟
title 图名，可以不要。excludes weekends ,打消周末，可以不写。如下：
ganttdateFormat YYYY-MM-DDtitle Adding GANTT diagram functionality to mermaidexcludes weekends
接下来是详细内容了。首先用section 名称开启一个区块，代表一个大的目标/事情内容。接下来是详细日程安排，按照如下格式：日程名称 : （可选项，crit，是否是主要日程）,(可选项，done/active/空缺，日程完成状态),日程开始韶光，日程结束/持续事宜。个中日程开始事宜可以为详细韶光，也可以用after 日程名称来代表在某日程之后，空缺则表示紧跟上一项日程。日程结束/持续事宜则可以是详细事宜，也可以是3d，2h这样的日程长度。在详细表现上，crit标注日程在图上会有赤色外框。done标注日程为灰色，active标注日程为白色。没有日程完成状态的crit日程为整体赤色，正平日程则为蓝色。直接来看看效果吧。
ganttdateFormat YYYY-MM-DDtitle Adding GANTT diagram functionality to mermaidexcludes weekends
section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d Functionality added :milestone, 2014-01-25, 0d section Documentation Describe gantt syntax :active, a1, after des1, 3d Add gantt diagram to demo page :after a1 , 20h Add another diagram to demo page :doc1, after a1 , 48h section Last section Describe gantt syntax :after doc1, 3d Add gantt diagram to demo page :20h Add another diagram to demo page :48h
个人利用小贴士：以上为常规用法，但是如果将dataFormat设置为HH:mm，然后section 名称设置为日期，可以对多天日程进行安排。
ganttdateFormat HH:mmaxisFormat %H:%Msection 2024-03-14参加数字化会议: done,08:00,3h摸鱼: done,0.5h午休: done,2h写会议材料: crit,done,3hsection 2024-03-15修正会议材料: 08:30,3h午休: 2h摸鱼: 3h
本日的分享就到这里啦，实在mermaid作图还有非常多的运用，流程图与甘特图也还有非常多的语法，但是我以为mermaid最大的特点该当是大略、方便，语法过多，更加繁复、都雅的图，反倒是失落去了mermaid对我来说最大的优点。适宜自己的才是最好的。
#头条创作寻衅赛##我的今日感悟##职场干货##Obsidian#
