news 2026/10/10 16:16:52

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
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
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/10/8 6:47:43

Linux 脚本案例:适用iptables构建不同场景下的防火墙规则

一、iptables 基础概念 1.1 iptables 四表五链 四表: filter表:过滤数据包(默认表)nat表:网络地址转换mangle表:修改数据包raw表:连接跟踪 五链: INPUT:进入本机的数据…

作者头像 李华
网站建设 2026/10/9 11:30:39

PHP Error: 常见错误及其解决方法

PHP Error: 常见错误及其解决方法 引言 PHP作为一种广泛使用的服务器端脚本语言,在网站开发中扮演着重要的角色。然而,在使用PHP进行编程时,难免会遇到各种错误。本文将详细介绍PHP中常见的错误类型及其解决方法,帮助开发者更好地应对这些问题。 常见PHP错误类型 1.语法…

作者头像 李华
网站建设 2026/10/8 7:15:13

已有安全措施确认(上)

网络安全已有安全措施确认已有安全措施确认是网络安全体系建设的基础复盘环节,指通过技术核查、配置审计、实操验证、制度核对的方式,对企业已部署的技术防护措施、制定的管理管控措施、落地的运营保障措施进行全面核查,确认其是否有效部署、…

作者头像 李华
网站建设 2026/10/10 7:25:27

从巴菲特投资看A股投资机会

从巴菲特投资看A股投资机会 关键词:巴菲特投资、A股市场、投资机会、价值投资、长期投资 摘要:本文旨在通过深入剖析巴菲特的投资理念和策略,探寻其对A股市场投资机会的启示。详细介绍了巴菲特投资理念的核心要素,分析了A股市场的…

作者头像 李华
网站建设 2026/10/8 14:14:17

【小程序毕设源码分享】基于springboot+Android的大学生勤工助学管理系统的设计与实现(程序+文档+代码讲解+一条龙定制)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/10/7 11:44:04

【小程序毕设源码分享】基于springboot+小程序的电影信息推荐APP的设计与实现(程序+文档+代码讲解+一条龙定制)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华