# ComfyUI-connect-ui 插件保姆级教程 ## 1. 插件简介 ComfyUI-connect-ui(GitHub地址:https://github.com/xingBaGan/ComfyUI-connect-ui)是一个帮助我们在 ComfyUI 中连接和显示界面的小助手。就像是给 ComfyUI 装了一个"遥控器",让我们可以更方便地操控和查看画面。 ## 2. 安装方法 就像安装手机 APP 一样简单,只需要三步: 1. 打开你的 ComfyUI 文件夹 2. 找到 `custom_nodes` 文件夹(如果没有就新建一个) 3. 在终端/命令行中输入: ```bash://github.com/xingBaGan/ComfyUI-connect-ui ``` ## 3. 节点详解 ### 3.1 WatchNode 节点 这个节点就像是一个"监视器",可以帮你查看任何东西的运行状态。 参数详解: | 参数名(界面显示) | 参数名(代码) | 参数值类型 | 建议值 | 通俗解释 | 专业解释 | 使用举例 | |---|---|---|---|---|---|---| | 数据 | data | 任意 | - | 你想查看的任何内容 | 接收任意类型的输入数据 | 比如连接一个图片生成节点,就能看到图片的生成过程 | | 名称 | name | 文本 | "监视器1" | 给这个监视器起个名字 | 节点的标识名称 | 如果你有多个监视器,可以分别叫"画面1"、"画面2" | ### 3.2 Render 节点 这就像是一个"画布",可以把东西展示出来。 参数详解: | 参数名(界面显示) | 参数名(代码) | 参数值类型 | 建议值 | 通俗解释 | 专业解释 | 使用举例 | |---|---|---|---|---|---|---| | 组件 | component | 文本 | "div" | 展示的容器类型 | HTML元素类型 | 就像选择要用相框还是画布来展示 | | 样式 | style | 文本 | {} | 外观设置 | CSS样式对象 | 可以设置大小、颜色等 | | 内容 | content | 任意 | - | 要展示的内容 | 渲染的实际内容 | 可以是文字、图片等任何东西 | ## 4. 使用技巧和建议 - 监视器最好放在关键节点后面,这样可以及时发现问题 - 给每个监视器起个容易记住的名字 - 如果画面太多,建议分组展示 ## 5. 常见问题解答 Q:为什么我的监视器没有显示内容? A:检查一下连接线是否正确连上了想要监视的节点 Q:能同时使用多个监视器吗? A:当然可以!想放几个就放几个 Q:样式设置怎么写? A:就像设置手机壁纸一样,可以设置大小、颜色等,例如: ```javascript { "width": "200px", "height": "200px", "background": "white" } ``` ## 6. 补充说明 这个插件虽然看起来简单,但它就像是 ComfyUI 的"小助手",能帮我们更好地了解节点的运行状况。对新手来说特别友好,因为可以随时查看每个步骤的结果,就像是给复杂的工作流程加了一个"透明窗口"。
ComfyUI图像合并插件comfyui-merge使用教程 2025-07-03 22:44 ComfyUI 图像合并插件教程 (comfyui-merge) 1. 插件简介 这是一个专门用来合并图片的 ComfyUI 插件,就像用 PS 把多张图片叠在一起那样。它的特别之处在于你精确控制每张图片的混合方式。 GitHub 地址:https://github.com/LingSss9/com