你已经安装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: 返回结果

来源地址：https://blog.csdn.net/weixin_44412840/article/details/132507911