DeepSeek & Mermaid：如何将文本直接转化为精美图表？卓伊凡

摘要：%%{init: {'themeVariables': {'primaryColor': '#ff0000'}}}%%graph LRA[红色节点] --> B[默认节点]Mermaid Live Editor（在线编辑）：https://mermaid.li

流程图（Flowchart）时序图（Sequence Diagram）类图（Class Diagram）甘特图（Gantt）饼图（Pie Chart）状态图（State Diagram）

它通过简单的代码语法（类似Markdown）自动渲染图表，无需手动拖拽设计。

flowchart TDA[开始] --> B{条件判断}B -->|是| C[执行操作1]B -->|否| D[执行操作2]C --> E[结束]D --> E

效果：

sequenceDiagramAlice->>Bob: 你好！Bob-->>Alice: 收到Bob->>Charlie: 转发消息Charlie-->>Bob: 已处理

效果：

classDiagramclass Animal {+String name+void eat}class Dog {+void bark}Animal

效果：

在代码开头指定主题：

%%{init: {'theme': 'forest'}}%%pietitle 市场份额"苹果" : 45"三星" : 30"华为" : 15"其他" : 10

支持的主题：

default（默认）forest（绿色系）dark（暗黑模式）neutral（中性色）

通过 %% 注释注入CSS：

%%{init: {'themeVariables': {'primaryColor': '#ff0000'}}}%%graph LRA[红色节点] --> B[默认节点]Mermaid Live Editor（在线编辑）：https://mermaid.liveVS Code插件：安装 Mermaid Preview 或 Markdown Preview Enhanced。导出为图片/PDF：用浏览器截图或 mermaid-cli 命令行工具。