Mermaid 使用快速入门
本文介绍了如何使用AI生成Mermaid代码,并将其导入Vscode进行可视化。首先,安装MermaidPreview插件,然后通过配置主题(如forest、dark等)来定制图表的外观。Mermaid支持多种主题,包括默认、中性、深色、森林和基础主题,用户可以根据需求选择或自定义。文章还提供了一个简单的流程图示例,展示了从开始到条件判断再到不同操作的分支流程。通过这种方式,用户可以轻松创建和预览
·
使用AI 生成Mermaid 代码,导入Vscode, 安装Mermaid Preview 插件

---
title:
config:
theme: forest
---
graph TD
A[开始] --> B{条件判断}
B -->|是| C[执行操作1]
B -->|否| D[执行操作2]
theme可改变主题,可选主题:
-
default - 这是所有图表的默认主题。
-
neutral - 该主题非常适合要打印的黑白文档。
-
dark - 这个主题与深色元素或夜间模式很相配。
-
forest - 这个主题包含绿色阴影。
-
base - 这是唯一可以修改的主题。使用此主题作为自定义的基础。
参考链接:主题配置 | Mermaid 中文网
展示结果:

更多推荐
所有评论(0)