告别孤岛创作：ComfyUI-Manager一键打通工作流分享与社区生态

2026-02-05 05:11:47作者：董灵辛Dennis

项目地址：https://gitcode.com/gh_mirrors/co/ComfyUI-Manager

你是否曾经历过这些尴尬？辛苦调试的ComfyUI工作流只能本地运行，想分享到论坛却要手动导出JSON；精心制作的AI绘画成果，在社区展示时丢失了关键参数；团队协作时，每次修改都要反复发送更新文件。现在，这些痛点都能通过ComfyUI-Manager的工作流分享嵌入功能彻底解决。本文将带你掌握从本地创作到全网分发的完整方案，让你的创意作品轻松融入网站与论坛生态。

分享功能架构解析

ComfyUI-Manager的分享系统采用模块化设计，通过四个核心JavaScript模块实现跨平台内容分发：

通用分享逻辑：js/comfyui-share-common.js定义了基础分享机制，包括支持的输出节点类型（PreviewImage、SaveImage等6种）和媒体解析工具。系统会自动扫描工作流中的输出节点，提取图片、视频等成果物，如代码第9-16行定义的SUPPORTED_OUTPUT_NODE_TYPES数组所示。
平台适配模块：针对不同社区平台的特性，系统提供了专用适配器：
- js/comfyui-share-copus.js：支持Copus平台的区块链存储和付费解锁功能
- js/comfyui-share-openart.js：优化OpenArt社区的工作流展示格式
- js/comfyui-share-youml.js：实现YouML平台的交互式应用转换

一站式分享流程

1. 输出节点准备

分享前需确保工作流包含至少一个支持的输出节点。系统会自动识别以下类型：

// 支持的输出节点类型 (来自comfyui-share-common.js第9-16行)
export const SUPPORTED_OUTPUT_NODE_TYPES = [
    "PreviewImage",
    "SaveImage",
    "VHS_VideoCombine",
    "ADE_AnimateDiffCombine",
    "SaveAnimatedWEBP",
    "CR Image Output"
]

运行工作流后，节点生成的图片或视频会被自动缓存，等待分享。

2. 平台选择界面

点击ComfyUI界面的"分享"按钮，会打开平台选择对话框。系统提供6种主流平台选项，每个选项包含平台特性说明和官方链接：

OpenArt AI：专注AI创作分享的社区平台
YouML：可将工作流转换为交互式应用
Matrix Server：ComfyUI官方交流社区
ComfyWorkflows：专业工作流分享平台
eSheep：支持本地成果直接展示
Copus：提供区块链存证和创作者收益功能

界面采用响应式设计，在不同设备上都能保持良好体验，如js/comfyui-share-common.js第350-357行定义的自适应容器样式。

3. 内容发布配置

以OpenArt平台为例，分享流程包含三个关键步骤：

API密钥配置：在js/comfyui-share-openart.js中实现的密钥管理系统，支持本地存储API凭证（第6行LOCAL_STORAGE_KEY），避免重复输入。
缩略图选择：系统会展示所有输出节点的成果预览，用户可直接选择或上传新图片作为封面。代码第584-728行实现了带预览的图片选择器，支持鼠标悬停放大和节点ID显示。
元数据填写：包括作品标题、描述等信息，支持Markdown格式。完成后点击"Share"按钮，系统会自动打包工作流JSON、媒体文件和元数据，通过API提交到目标平台。

高级嵌入技巧

论坛代码生成

对于自建论坛或个人网站，可通过以下方式嵌入工作流：

在分享对话框中选择"获取嵌入代码"
根据需求选择嵌入类型：
- 标准卡片：包含缩略图和基本信息
- 完整编辑器：允许访客在线修改参数
- 成果展示：仅显示最终效果和关键参数
复制生成的HTML代码，粘贴到网站后台：

<!-- 示例嵌入代码 -->
<div class="comfyui-embed" data-workflow-id="12345">
  <img src="thumbnail.jpg" alt="工作流预览">
  <script src="https://yourdomain.com/comfyui-embed.js"></script>
</div>