# 思维导图、流程图 ```mermaid flowchart TD A-->B A--dd的点点滴滴-->C B-->|ttt|D B==ttt==>F C-..->E ``` ```mermaid graph LR A[Start] --> B{Is it?}; B -- Yes --> C[OK]; C --> D[Rethink]; D --> B; B -- No ----> E[End]; ``` ```mermaid graph TD light[LightZhan] url[lightzhan.xyz] QdownUrl[访问LightZhan博客Qdown页面] Qdown((Qdown)) function[功能] Qdown-->|作者|light light--个人主页-->url Qdown-->function Qdown-->QdownUrl function1[极速下载] function2[磁链/BT下载] function3[迅雷下载] function5[下载体验] function4[Http/Https/FTP/SFTP] function-.功能1.->function1 function-.功能2.->function2 function-.功能3.->function3 function-.功能4.->function4 function-.更多功能.->function5 annocement[本文首发于lightzhan.xyz,允许规范转载] ``` ## 流程图语法 ```mermaid graph 默认方形 id1[方形] id2(圆边矩形) id3([体育场形]) id4[[子程序形]] id5[(圆柱形)] id6((圆形)) click id4 "https://www.github.com" _blank ``` ```mermaid graph id1{菱形} id2{{六角形}} id3[/平行四边形/] id4[\反向平行四边形\] id5[/梯形\] id6[\反向梯形/] ``` ```mermaid flowchart LR A o--o B B <--> C C x--x D 旧连线 --文本--> 也会不同 ``` # 时序图 ```mermaid sequenceDiagram A->>B:Qdown是啥? B-->>A:Qdown是全功能的下载软件! A->>B:哪里可以下载呀? B-->>A:http://lightzhan.xyz/index.php/qdown/ B-->>C:这是啥 C->>A:dddd ``` ```mermaid gantt title 诊所筹建项目甘特图 (8周计划) dateFormat YYYY-MM-DD % 设置项目起始日期为2025年8月25日(周一),方便规划 axisFormat %m-%d section 第一阶段:启动与规划 (第1-2周) 筹建办与核心人员到位 :done, w1_1, 2025-08-25, 3d 法规研究与证照清单 :active, w1_2, 2025-08-25, 5d 图纸比价与施工方确定 :active, w2_1, after w1_2, 5d 签订施工合同 :milestone, m_sign, 2025-09-05, 0d 启动卫健委报备流程 :active, crit, w2_2, 2025-09-01, 56d 核心管理层招聘(院助/护士长) :active, w2_3, 2025-09-01, 14d section 第二阶段:工程建设 (第2周末 - 第8周初) 装修总工期 (45天) :active, crit, const, 2025-09-06, 45d - 水电施工与空调进场 :active, w3_1, after m_sign, 10d - 隔墙与弱电网络施工 :active, w4_1, after w3_1, 12d - 基础装修收尾 :active, w6_1, after w4_1, 15d section 第三阶段:人员与物资并行 (第4-7周) 第二梯队人员招聘(护/助/前/药):active, p1, 2025-09-22, 21d 家具测量与采购 :active, f1, 2025-09-22, 21d 医疗设备/药品采购 :active, e1, 2025-09-29, 21d 后勤人员招聘(保洁/安/采):active, p2, 2025-10-06, 14d 办公/IT设备采购 :active, o1, 2025-10-13, 7d section 第四阶段:安装、验收与开业 (第7-8周) 办公/IT/家具安装 :active, i1, 2025-10-20, 5d 医疗设备进场安装 :active, i2, after const, 7d 软装进场与环境布置 :active, i3, after const, 5d 全员培训与系统联调 :active, i4, 2025-10-27, 5d 卫健委现场验收 :active, crit, i5, 2025-10-27, 5d 市场预热与试运营 :active, i6, 2025-10-27, 7d 正式开业 :milestone, m_open, 2025-11-03, 0d ``` # 甘特图 ```mermaid gantt title 甘特图 section 部分1 1个任务 :a1, 2014-01-01, 30d 其他任务 :a2,after a1 , 20d 任务222 :2014-02-01,12d 任务333 :after a2,5d section 其他部分 第2个任务 :2014-01-12 , 12d 其他任务 : 24d ``` ```mermaid gantt dateFormat YY-M-D title 向Mermaid增加甘特图功能 excludes weekends %% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".) %% (`excludes` 接受 YYYY-MM-DD 格式的特定日期、星期几(“sunday”)或“weekends”,但不接受“weekdays”词。) section A部分 完成任务 :done, des1, 14-01-06,14-01-08 进行任务 :active, des2, 14-01-09, 3d 未开展任务 : des3, after des2, 5d 未开展任务2 : des4, after des3, 5d section 关键任务 在关键线完成任务 :crit, done, 14-01-06,24h 实现解析器和 jison :crit, done, after des1, 2d 为解析器创建测试 :crit, active, 3d 关键线的未来任务 :crit, 5d 为渲染器创建测试 :2d 新增到Mermaid :1d 已添加功能 :milestone, 14-01-25, 0d section 文档 描述甘特图语法 :active, a1, after des1, 3d 将甘特图添加到演示页面 :after a1 , 20h 将其他甘特图添加到演示页面 :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 ``` # 思维导图 ```mermaid mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectiveness
and features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid ``` ```mermaid graph TD %% 最高层:决策与监督 A[股东会] B{财务总监} C[总经理] A --> B A --> C %% 运营执行线 (总经理负责) subgraph 运营执行线 D[医疗院长] E[行政院长] C --> D C --> E subgraph 医疗业务板块 D1[精神科主任] D2[内科主任] D3[中医科主任] F[护士长] I((药师兼收费)) G((护士5名)) H((医助3名)) D --> D1 D --> D2 D --> D3 D --> F D --> I F --> G F --> H end subgraph 行政后勤板块 J((前台2名)) L[小采购] K((保洁1名/保安2名)) E --> J E --> L E --> K end end %% 样式定义 style A fill:#0055A4,stroke:#333,stroke-width:2px,color:#fff style B fill:#C11B17,stroke:#333,stroke-width:2px,color:#fff style C fill:#007BFF,stroke:#333,stroke-width:2px,color:#fff style D1 fill:#28a745,stroke:#333,stroke-width:1px,color:#fff style D2 fill:#28a745,stroke:#333,stroke-width:1px,color:#fff style D3 fill:#28a745,stroke:#333,stroke-width:1px,color:#fff ```