Mermaid.js 深度解析（一）：核心概念与基础应用
一、Mermaid 是什么？
Mermaid 是一个基于 JavaScript 的图表生成库，允许通过简单的文本语法创建多种类型的可视化图表。其核心特点是 “Diagrams as Code”（代码即图表），开发者可以用纯文本的方式描述图表结构，由引擎自动渲染为可交互的矢量图形。
二、核心特性
| 特性 | 说明 | 示例场景 |
|---|---|---|
| 文本驱动 | 用类 Markdown 语法定义图表 | 版本控制友好的文档 |
| 多图表支持 | 支持流程图、时序图、甘特图等 30+ 类型 | 技术文档、系统设计 |
| 跨平台 | 浏览器、Node.js、VS Code 等均可使用 | 博客嵌入、CI/CD 文档生成 |
| 可定制化 | 主题、样式、布局均可配置 | 企业品牌风格适配 |
| 自动化集成 | 可与 Puppeteer 等工具结合 | 自动化报告生成 |
