Skip to content

[i18n] Sync translations for links.mdx (ja/zh) #883

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
comfyui-wiki merged 2 commits into from
Apr 1, 2026
+40 −48
Merged

[i18n] Sync translations for links.mdx (ja/zh) #883

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f070c66
i18n: sync translations for links.mdx (ja/zh)
comfyui-wiki Apr 1, 2026
9498ae5
restore: keep translationSourceHash and related frontmatter fields in…
comfyui-wiki Apr 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 23 additions & 27 deletions ja/development/core-concepts/links.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,52 +8,48 @@ translationMismatches:
- "EN menu path uses \"Graph\" while ZH has typo \"Grap\"; ZH image paths use localized \"/images/zh/\" for some assets while EN uses \"/images/\"; ZH description of link visibility emphasizes \"node interaction\" while EN emphasizes \"data flow\"."
---

<Note>
ComfyUI は依然として急速な迭代と開発の段階にあるため、私たちは毎日継続的に改善を行っています。そのため、この記事で言及されている一部の操作は変更されたり、省略されたりする可能性があります。実際のインターフェースを参照してください。実際の操作に変更が見つかった場合、それは私たちの迭代更新によるものかもしれません。また、[このリポジトリ](https://github.com/Comfy-Org/docs) をフォークして、このドキュメントの改善に協力することもできます。
</Note>

## ノードを接続するリンク

ComfyUI の用語では、ノード間の線や曲線は**_リンク_**と呼ばれます。**_接続_**やワイヤーとしても知られています。リンクは、曲線、直角、直線、または完全に非表示など、いくつかの方法で表示できます。
ComfyUI では、ノード間に引かれる線や曲線は**_リンク_**と呼ばれます（**_接続_**やワイヤーとも呼ばれます）。これらは、あるノードの出力から別のノードの入力へデータを運び、ワークフローの流れを定義します。

リンクは、曲線、直角、直線、または完全に非表示など、いくつかの視覚的スタイルで表示できます。

![リンクスタイル](/images/interface/link/link_styles.jpg)

**設定メニュー** --> **表示 (Lite Graph)** --> **グラフ** --> **リンクレンダリングモード**でリンクスタイルを変更できます。
リンクスタイルを変更するには、**設定メニュー** → **表示 (Lite Graph)** → **グラフ** → **リンクレンダリングモード**に移動します。

![キャンバスメニュー](/images/interface/link/render_mode.jpg)
![レンダリングモード設定](/images/interface/link/render_mode.jpg)

**キャンバスメニュー**でリンクを一時的に非表示にすることもできます。
**キャンバスメニュー**からすべてのリンクを一時的に非表示にすることもできます。

![キャンバスメニュー](/images/interface/link/canvas_menu.jpg)

リンクの表示は重要です。状況によっては、すべてのリンクを表示する必要があるかもしれません。特に学習、共有、またはワークフローを理解する際には、リンクの可視性により、ユーザーはグラフ内のデータフローを追跡できます。変更することを意図していないパッケージ化されたワークフローの場合、混乱を減らすためにリンクを非表示にするのが適切かもしれません。

<Tip>
リンクを表示することは、学習、共有、またはワークフローのデバッグ時に特に便利です。一目でデータの流れを確認できます。編集を意図していない完成したワークフローでは、リンクを非表示にすることで視覚的な煩雑さを減らせます。
</Tip>
### リルートノード

グラフ構造の可読性が重要な場合、**リルート**と呼ばれる小さなノードを使用して、グラフの 2D 空間内でリンクワイヤーを手動でルーティングできます。その目的は、リンクワイヤーの始点および/または終点の位置を調整して、可視性を確保することです。リンクワイヤーがノードの背後を通らないようにしたり、他のリンクワイヤーと交差しないようにしたりするなど、ワークフローを設計できます。
ワークフローが複雑になると、リンクワイヤーが重なったりノードの背後を通ったりして、読みづらくなることがあります。**リルート**ノードを使用すると、グラフの2D空間内の任意のポイントを経由してワイヤーを手動で迂回させることができ、レイアウトを整理し、可読性を保つことができます。

![ComfyUI リルートノード](/images/interface/link/reroute.jpg)

litegraph のネイティブリルート機能も継続的に改善しています。今後、接続を再整理するためにこの機能を使用することをお勧めします。
ComfyUIには、グラフキャンバスに組み込みのネイティブなリルート機能もあります。新しいワークフローでは、この機能の使用をお勧めします。

![ComfyUI ネイティブリルート](/images/interface/link/native_reroute.jpg)

## 色分け

ノードプロパティのデータタイプは、入力/出力ポートとリンク接続ワイヤーの色分けで示されます。色によって、どの入力と出力を相互に接続できるかを常に判断できます。ポートは、一致するデータタイプを確保するために、同じ色の他のポートにのみ接続できます。

一般的なデータタイプ：
ComfyUIのすべてのデータタイプには固有の色があります。ノードの入力ポート、出力ポート、およびそれらを接続するリンクワイヤーは、すべてこの配色を共有しています。**同じ色のポート同士のみ接続できます** — これにより、ワークフロー全体で型の安全性が確保されます。

![ComfyUI ノードデータタイプ](/images/concepts/node/data_type.jpg)

| データタイプ | 色 |
|------------------------------------|--------------------------------------------------------------------------------------------------------------------|
| 拡散モデル | ラベンダー |
| CLIP モデル | 黄色 |
| VAE モデル | ローズ |
| 条件付け | オレンジ |
| 潜在画像 | ピンク |
| ピクセル画像 | 青 |
| マスク | 緑 |
| 数値 (整数または浮動小数点数) | 薄緑 |
| メッシュ | 鮮緑 |
| データタイプ | 色 |
|------------------------------------|-------------|
| 拡散モデル | ラベンダー |
| CLIP モデル | 黄色 |
| VAE モデル | ローズ |
| 条件付け | オレンジ |
| 潜在画像 | ピンク |
| ピクセル画像 | 青 |
| マスク | 緑 |
| 数値 (整数または浮動小数点数) | 薄緑 |
| メシュ | 鮮緑|
38 changes: 17 additions & 21 deletions zh/development/core-concepts/links.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,46 +4,42 @@ description: "了解 ComfyUI 中的连接链接"
icon: "share-nodes"
---

<Note>
由于 ComfyUI 仍旧在快速迭代和开发中，我们每天都在持续迭代，所以本文中相关操作的部分，可能会有一定变动或者遗漏，请以实际为准，如果你遇到实际的操作有变动，可能是因为我们进行了迭代更新，你也可以 fork [这个 repo](https://github.com/Comfy-Org/docs) 的和我们一起完善这个文档。
</Note>

## 连线连接节点

在 ComfyUI 的术语中，节点之间的线条或曲线称为 **_连线_**。这些连线可以以多种方式显示，例如曲线、直角线、直线或直接完全隐藏。
在 ComfyUI 中，节点之间绘制的线条或曲线称为 **_连线_**（有时也称为 **_连接_** 或导线）。它们将数据从一个节点的输出传输到另一个节点的输入，从而定义工作流的流程。

![连线样式](/images/interface/link/link_styles.jpg)
连线可以以多种视觉样式显示：曲线、直角线、直线或完全隐藏。

你可以在 **设置菜单** --> **画面（Lite Graph）** --> **画面（Grap）** --> **连线渲染模式(Link Render Mode)** 进行连线样式的修改。
![连线样式](/images/interface/link/link_styles.jpg)

![Canvas Menu](/images/zh/interface/link/render_mode.jpg)
要更改连线样式，请转到 **设置菜单** → **显示（Lite Graph）** → **画面（Graph）** → **连线渲染模式（Link Render Mode）**。

也可以在 **Canvas Menu** 中临时隐藏连线。
![渲染模式设置](/images/interface/link/render_mode.jpg)

![Canvas Menu](/images/interface/link/canvas_menu.jpg)
你也可以从 **画布菜单（Canvas Menu）** 临时隐藏所有连线。

根据情况，可能需要查看所有链接。特别是在学习、分享或仅仅理解工作流时，连线之间的可见性可以让其它用户理解不同节点之间的相互作用。但对于那些不打算被更改的打包工作流，你也可以隐藏连线从而获得一个干净简洁的布局。
![画布菜单](/images/interface/link/canvas_menu.jpg)

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

通常，当我们节点过多时，对应的连接线难免被遮挡或者出现交叉，这时理解工作流作用就变得十分困难，如果你想要对应连线保持清晰，则可以采用一个 **重新路由（reroute）** 节点来手动调整连线。
当工作流变得复杂时，连接线可能会重叠或被节点遮挡，导致难以阅读。**重新路由**节点允许你在二维图空间中手动重定向连线，从而保持布局的整洁和清晰。

![ComfyUI 重新路由节点](/images/interface/link/reroute.jpg)

同时我们也在努力迭代，我们也已经完善 litegraph 原生的重路由功能，我们更建议在未来使用这个功能进行连线的重新组织。

![ComfyUI 重新路由节点](/images/interface/link/native_reroute.jpg)
ComfyUI 在图画布中还内置了原生的重新路由功能。对于新的工作流，我们建议使用此功能。

![ComfyUI 原生重新路由](/images/interface/link/native_reroute.jpg)
## 颜色编码

节点属性的数据类型通过输入/输出端口和链接连接线的颜色编码来表示。我们总是可以通过颜色判断哪些输入和输出可以相互连接。端口只能连接到相同颜色的其他端口来保证对应数据类型的匹配。

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

![ComfyUI 节点数据类型](/images/concepts/node/data_type.jpg)

| 数据类型 | 颜色 |
|-------------------|--------|
| 数据类型 | 颜色 |
|---------------------------|-------------|
| 扩散模型 | 薰衣草色 |
| CLIP 模型 | 黄色 |
| VAE 模型 | 玫瑰色 |
Expand All @@ -52,4 +48,4 @@ icon: "share-nodes"
| 像素图像 | 蓝色 |
| 蒙版 | 绿色 |
| 数字（整数或浮点数） | 浅绿色 |
| 网格（Mesh） | 亮绿色 |
| 网格 | 亮绿色 |
Loading