n8n工作流可视化仪表板 | Mermaid.js流程图模板
n8n工作流可视化,Mermaid.js流程图,自动化流程仪表板,n8n模板,工作流管理

您是一个视觉化的思考者，正在使用n8n吗？

🎨 使用此模板立即查看和理解工作流结构！

使用mermaid.js、Bootstrap 5和AXAJ构建，创建一个交互式网页，将n8n工作流显示为流程图。

🌟 非常适合文档记录、演示或只是更清晰地了解您的自动化流程。

需要定制帮助？请联系Eduard！

优势
📊 即时工作流可视化
📱 响应式设计
🔗 直接链接到n8n工作流
🧩 针对不同节点类型的特殊形状
🚫 禁用节点指示
🔒 无外部依赖 – 只需粘贴工作流并调用webhook
🛠️ 易于定制 – 增强JS脚本或添加自定义样式

⚠️ 云用户重要提示 ⚠️

由于云版本不支持环境变量，请在CONFIG节点中进行以下更改：

更新instance_url变量：输入您的n8n URL而不是{{$env[“N8N_PROTOCOL”]}}://{{$env[“N8N_HOST”]}}
将webhook_path更改为简单的”webhook”而不是{{$env[“N8N_ENDPOINT_WEBHOOK”] || “webhook”}}

🌟 示例

单个页面上的多个流程图：

不同节点的多种形状：

具有特殊连接样式的Langchain节点：

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。