张芷铭的个人博客

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