> ## Documentation Index
> Fetch the complete documentation index at: https://dripart-comfy-docs-comfyapi-search.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ComfyUI 连线：节点连接工作原理

> 了解 ComfyUI 中节点之间的连线如何工作、如何更改连线渲染样式，以及如何使用 Reroute 节点保持复杂工作流的清晰整洁。

## 连线连接节点

在 ComfyUI 中，节点之间绘制的线条或曲线称为 ***连线***（有时也称为 ***连接*** 或导线）。它们将数据从一个节点的输出传输到另一个节点的输入，从而定义工作流的流程。

连线可以以多种视觉样式显示：曲线、直角线、直线或完全隐藏。

<img src="https://mintcdn.com/dripart-comfy-docs-comfyapi-search/Qv6vkIHbrbjFRxi8/images/interface/link/link_styles.jpg?fit=max&auto=format&n=Qv6vkIHbrbjFRxi8&q=85&s=88e49435f5cf562ae3ce3049ae812209" alt="连线样式" width="1589" height="895" data-path="images/interface/link/link_styles.jpg" />

要更改连线样式，请转到 **设置菜单** → **显示（Lite Graph）** → **画面** → **连线渲染样式**。

<img src="https://mintcdn.com/dripart-comfy-docs-comfyapi-search/Qv6vkIHbrbjFRxi8/images/interface/link/render_mode.jpg?fit=max&auto=format&n=Qv6vkIHbrbjFRxi8&q=85&s=f267b69ab887d68d8a8041488aa9c473" alt="渲染模式设置" width="1280" height="800" data-path="images/interface/link/render_mode.jpg" />

你也可以从 **画布菜单** 临时隐藏所有连线。

<img src="https://mintcdn.com/dripart-comfy-docs-comfyapi-search/Qv6vkIHbrbjFRxi8/images/interface/link/canvas_menu.jpg?fit=max&auto=format&n=Qv6vkIHbrbjFRxi8&q=85&s=fd0e187be7d54d39fa09f6460577cc9c" alt="画布菜单" width="429" height="105" data-path="images/interface/link/canvas_menu.jpg" />

<Tip>
  在学习、分享或调试工作流时，显示连线尤其有用。它们能让你一目了然地看到数据流。对于不打算编辑的已完成工作流，隐藏连线可以减少视觉杂乱。
</Tip>

### 重新路由节点

当工作流变得复杂时，连接线可能会重叠或被节点遮挡，导致难以阅读。**重新路由**节点允许你在二维图空间中手动重定向连线，从而保持布局的整洁和清晰。

<img src="https://mintcdn.com/dripart-comfy-docs-comfyapi-search/Qv6vkIHbrbjFRxi8/images/interface/link/reroute.jpg?fit=max&auto=format&n=Qv6vkIHbrbjFRxi8&q=85&s=ce3ea4317a9b69a44ccd11af6c3a391a" alt="ComfyUI 重新路由节点" width="1345" height="895" data-path="images/interface/link/reroute.jpg" />

ComfyUI 还在画布中内置了原生的重新路由功能。对于新的工作流，我们建议使用此功能。

<img src="https://mintcdn.com/dripart-comfy-docs-comfyapi-search/Qv6vkIHbrbjFRxi8/images/interface/link/native_reroute.jpg?fit=max&auto=format&n=Qv6vkIHbrbjFRxi8&q=85&s=063dbdbec5c7c51995c448d24316f480" alt="ComfyUI 原生重新路由" width="1395" height="750" data-path="images/interface/link/native_reroute.jpg" />

## 颜色编码

ComfyUI 中的每种数据类型都有独特的颜色。节点的输入和输出端口，以及连接它们的连线，都遵循此配色方案。**只能连接相同颜色的端口**。这确保了工作流中的类型安全。

<img src="https://mintcdn.com/dripart-comfy-docs-comfyapi-search/XThTar2jaUbnRimP/images/concepts/node/data_type.jpg?fit=max&auto=format&n=XThTar2jaUbnRimP&q=85&s=38a173db67c363736e809e6fa81ce792" alt="ComfyUI 节点数据类型" width="685" height="356" data-path="images/concepts/node/data_type.jpg" />

| 数据类型         | 颜色   |
| ------------ | ---- |
| Diffusion 模型 | 薰衣草色 |
| CLIP 模型      | 黄色   |
| VAE 模型       | 玫瑰色  |
| Conditioning | 橙色   |
| Latent 图像    | 粉色   |
| 像素图像         | 蓝色   |
| 遮罩           | 绿色   |
| 数字（整数或浮点）    | 灰色   |
| 网格           | 亮绿色  |
