我要投稿

Dify-Mermaid转换器

发布日期：2025-07-22 16:39:24 浏览次数： 1749

作者：老王的学习日志

微信搜一搜，关注“老王的学习日志”

“ Mermaid 的语法用于创建图表。”

最近在 dify的插件市场那里，”最新“的那个区域，看到了一个 ”Mermaid转换器“的插件，看了看介绍，是图表相关的，就拿来学习一下。

安装

去Dify的插件市场，安装【Mermaid转换器】这个插件。

创建测试应用

创建空白应用，类型为 Chatflow，名称为 “测试工具：Mermaid转换器”基本的结构如下：

流程图的例子

flowchart LR
   开始-->A;
   A-->B;
   B-->C;
   C-->结束;

flowchart TD
   开始-->A;
   A-->B;
   B-->C;
   C-->结束;

时序图、类图的例子

sequenceDiagram
   actor 客户端
   actor 服务端
   客户端->>服务端: SYN
   服务端-->>客户端: SYN + ACK
   客户端->>服务端: ACK

classDiagram
    class BankAccount
    BankAccount : +String owner
    BankAccount : +Bigdecimal balance
    BankAccount : +deposit(amount)
    BankAccount : +withdrawal(amount)

状态图、实体关系图的例子

stateDiagram
    [*] --> Still
    Still --> [*]

    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]

erDiagram
    客户 ||--o{ 订单 : places
    订单 ||--|{ 商品 : contains
    客户 }|..|{ 发货地址 : uses

饼图、XY图的例子

pie title 志愿者收养的宠物
    "狗" : 386
    "猫" : 85
    "鼠" : 15

xychart-beta
    title "销售收入"
    x-axis ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]
    y-axis "收入" 4000 --> 11000
    bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
    line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]

其他

其他类型的，还有挺多，比如用户旅程图、甘特图、象限图、Git图什么的……

具体的，可以参考一下相关的文档，了解一下 Mermaid 的语法。

https://mermaid.nodejs.cn/intro/

总结

本次测试工具的输出，输出格式都是 PNG，输出的内容，是存储在图片上，也就是是输出的那个 files 中。

直接回复的节点，回复的是工具输出变量里面的 files。

工具的设置，是可以修改输出格式，默认是PNG，可修改为JPG、SVG、PDF。

可以修改主题，默认是 Default，可修改为 Dark、Neutral、Forest。

测试的时候，流程图2的主题是 Dark，时序图的主题是Neutral，类图的主题是Forest。其他的主题都是 Default.

背景颜色、宽度、高度，就都没有额外设置了……

如果是不需要折腾工作流的话，也是可以让 AI 来给你填写参数的。

53AI，企业落地大模型首选服务商

产品：场景落地咨询+大模型应用平台+行业解决方案

承诺：免费POC验证，效果达标后再合作。零风险落地应用大模型，已交付160+中大型企业

相关资讯

2025-09-06

企业级AI落地困局：有痛点，难有场景

2025-09-06

红杉资本：AI领域重塑工作和技术的五大投资趋势

2025-09-06

上下文工程（Context Engineering）浅析

2025-09-06

Claude 中国禁用后，阿里 1T 参数模型 Qwen3-Max 连夜发布，效果太强了

2025-09-06

Claude封杀？OpenAI官方Codex震撼登场！效率直接拉满！

2025-09-06

从万科“活下去”到AI转型，现在是所有企业面对“活下去”的抉择

2025-09-06

突破 1 万亿参数！阿里巴巴发布 Qwen3 Max 预览版：迄今为止千问家族最大模型

2025-09-06

“浏览器，重新开机”：从 Dia 被收购到 Comet、Claude 与 Fellou，AI 正在重写入口之战

了解更多

了解更多

160+中大型企业正在使用53AI

立即咨询预约演示

把握AI发展的机遇，共同探索、共同进步

2025-01-22

如何打造基于GenAI的员工服务机器人

2025-01-22

热点资讯

DeepSeek-V3.1 发布，迈向 Agent 时代的第一步

2025-08-21

精|知识探索新范式：深度研究Deep Research智能体全面综述，系统、方法与应用

2025-06-21

DeepSeekV3.1 提到的 UE8M0 FP8 Scale 是什么？下一代国产芯片设计？

2025-08-21

DeepSeek V3.1 测评

2025-08-19

别再被MCP协议绕晕！一文搞懂连接流程与核心架构

2025-06-12

能办成事的 Agent：实时与环境交互，从经验中学习

2025-06-19

聊聊AI应用架构演进

2025-06-13

WAIC 2025 观察：大模型进入“效率与场景”决胜期

2025-07-29

科普｜一文看懂AI发展史：主要发展阶段与改变世界的突破性事件

2025-06-15

DeepSeek突然更新V3.1：实测后才发现的亮点与槽点

2025-08-19

大家都在问

当我们谈论“AI原生”时我们在谈论什么？

2025-09-06

智能体上下文工程是什么？

2025-09-03

Midoo.AI 发布：AI Agent 能否破解教育行业千亿美金的「无解方程」？

2025-09-03

AI流量入口被抢疯了！友商靠GEO让品牌进入AI推荐TOP3了，你的认知却还停留在把它当AISEO？

2025-09-03

揭秘「零故障」运维：Prophet 时序预测与 AI 模型如何联手驯服服务器风险？

2025-09-03

阿里云 CIO 蒋林泉：AI 大模型时代，我们如何用 RIDE 实现 RaaS 的首次落地？

2025-09-02

微软研究院：生成式AI如何重塑职场，你的工作受影响了吗？

2025-08-28

AI是通向“超人”的阶梯，还是退回“猿猴”的陷阱？

2025-08-28

热门标签

内容创作大模型技术个人提效 langchain llamaindex 多模态技术 RAG技术智能客服知识图谱模型微调 RAGFlow coze Dify Fastgpt Bisheng Qanything AI+汽车 AI+金融 AI+工业 AI+培训 AI+SaaS 提示词框架提示词技巧 AI+电商 AI面试数字员工 ChatBI 知识管理开源大模型智能营销智能硬件智能化改造 AI+医疗 MaxKB

应聘简历请发送至： ceo@53ai.com

联系我们

售前咨询

预约演示

微信扫码

添加专属顾问

回到顶部