note/tech/markdown 流程图mermaid.md

思维导图、流程图

flowchart TD
A-->B
A--dd的点点滴滴-->C
B-->|ttt|D
B==ttt==>F
C-..->E

graph LR
    A[Start] --> B{Is it?};
    B -- Yes --> C[OK];
    C --> D[Rethink];
    D --> B;
    B -- No ----> E[End];

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,允许规范转载]
	

流程图语法

graph
    默认方形
    id1[方形]
    id2(圆边矩形)
    id3([体育场形])
	
    id4[[子程序形]]
    id5[(圆柱形)]
    id6((圆形))
	click id4 "https://www.github.com" _blank

graph
	id1{菱形}
	id2{{六角形}}
	id3[/平行四边形/]
	id4[\反向平行四边形\]
	id5[/梯形\]
	id6[\反向梯形/]

flowchart LR
    A o--o B
    B <--> C
    C x--x D
    
    旧连线 --文本--> 也会不同

时序图

sequenceDiagram
A->>B:Qdown是啥？
B-->>A:Qdown是全功能的下载软件！
A->>B:哪里可以下载呀？
B-->>A:http://lightzhan.xyz/index.php/qdown/
B-->>C:这是啥
C->>A:dddd

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

甘特图

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

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

思维导图

mindmap
  root((mindmap))
    Origins
      Long history
      ::icon(fa fa-book)
      Popularisation
        British popular psychology author Tony Buzan
    Research
      On effectiveness<br/>and features
      On Automatic creation
        Uses
            Creative techniques
            Strategic planning
            Argument mapping
    Tools
      Pen and paper
      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