Mermaid 是文本描述语言,通过简单语法定义图表,支持流程图、时序图、甘特图等。
渲染方式
- 在线编辑器:Mermaid Live Editor
- Markdown 文档:Typora、GitLab、Obsidian 等支持
- 网页集成:通过 Mermaid.js 库嵌入 HTML
流程图示例
graph LR
A[原始视频] --> B[帧大小序列EFS]
B --> C[小波多尺度分解]
C --> D[特征提取]
D --> E[分类模型]
F[篡改视频] --> B
E --> G[原始视频分类]
E --> H[速度操作检测]
核心语法
| 语法 | 含义 |
|---|---|
graph LR | 从左到右水平流程 |
graph TB | 从上到下垂直流程 |
A[文本] | 矩形节点 |
A{文本} | 菱形节点 |
A((文本)) | 圆形节点 |
--> | 箭头连接 |
--- | 无向连接 |
样式定制
graph TB
A[输入] --> B[处理]
B --> C[输出]
classDef input fill:#9f9,stroke:#333
classDef output fill:#f99,stroke:#333
class A input
class C output
图表类型
| 类型 | 关键字 | 用途 |
|---|---|---|
| 流程图 | graph | 流程、关系 |
| 时序图 | sequenceDiagram | 交互流程 |
| 甘特图 | gantt | 项目进度 |
| 饼图 | pie | 数据占比 |
| 类图 | classDiagram | 类结构 |
张芷铭的个人博客
Comments