ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

AI如何根据Mermaid文字格式,从而绘制精美准确的图像?

2026/8/13 7:15:10 拓冰建站 浏览量
AI如何根据Mermaid文字格式,从而绘制精美准确的图像?

旧方法:

AI直接生成图像,但是生成的速度很慢,文字错误不可用,出问题也不好微调

新的解决方法:让AI根据内容生成 Mermaid 图表,然后使用vscode安装插件展示,或者直接在线网页展示

展示方法一、vscode中根据内容绘制图

在 VS Code 中查看和编辑 Mermaid 图表非常简单,只需要安装一个插件即可。

以下是保姆级的操作步骤:

第一步:安装插件

  1. 打开 VS Code。

  2. 点击左侧侧边栏的 扩展 (Extensions) 图标(或者按 Ctrl+Shift+X)。

  3. 在搜索框输入:Markdown Preview Mermaid Support。

  4. 找到由 Matt Bierner 开发的插件,点击 安装 (Install)

(可选推荐:如果你希望功能更强大,也可以安装 Markdown Preview Enhanced,这个插件对导出图片支持更好。)

第二步:创建 Markdown 文件

  1. 在 VS Code 中新建一个文件。

  2. 将文件保存为 .md 后缀,例如 chart.md。

第三步:粘贴代码

在文件中,使用 Markdown 的代码块语法(三个反引号),并在后面加上 mermaid 标识。

请直接复制下面的内容粘贴到你的 chart.md 文件中:

# 图 4-2: ModernTCN 模块结构图 ```mermaid