Typora上使用Mermaid语法展示流程图、时序图、甘特图

你已经安装Typora并打开了一个新文档后，可以按照以下详细步骤在Typora上使用Mermaid语法展示流程图、时序图、甘特图

流程图

• 使用graph LR声明开始，并使用箭头和连接符号定义节点之间的关系。
• 例如，A --> B表示从节点A指向节点B的箭头连接。

graph TB  
  A[界面布局图] --> B[页签区域]  
  B --> C[巡检计划]  
  B --> D[巡检任务]  
  B --> E[巡检路线]  
  B --> F[巡检日志] 
  B --> I[时间选择器]  
  B --> J[查看计划按钮]  
  B --> K[列表]  
  
  K --> L[新增任务按钮]  
  K --> M[地图组件]  
  K --> W[巡检记录] `

效果：

时序图

• 使用sequenceDiagram声明开始，并使用participant定义参与者。
• 使用->>表示同步消息，使用–>>表示异步消息。

sequenceDiagram
   participant A
   participant B
   A ->> B: 请求数据
   B -->> A: 返回结果