Add the subgraph publishing section (#462)

Author: comfyui-wiki

images/interface/features/subgraph/edit_subgraph_blueprints.jpg

@@ -99,4 +99,48 @@ When you're done creating a subgraph, you can convert it back to nodes if you ne
 ![Subgraph to node](/images/interface/features/subgraph/subgraph_to_nodes.jpg)
 
 1. You can select the subgraph node then use right-click menu "Unpack subgraph" to convert it back to nodes.
-2. Click the "Unpack subgraph" button in the select toolbox to convert it back to nodes.
+2. Click the "Unpack subgraph" button in the select toolbox to convert it back to nodes.
+
+## Subgraph Blueprint
+
+With ComfyUI frontend version 1.27.7 or later, you can publish your subgraph to the node library.
+
+This feature allows you to convert a subgraph to a `Subgraph Blueprints` node, which means it's a reusable subgraph node.
+
+### Publish Subgraph to Node Library
+
+![Publish Subgraph](/images/interface/features/subgraph/subgraph_publishing.jpg)
+
+Currently, you have two ways to publish subgraph to node library, both are in the selection toolbox:
+
+1. Click the `book(publish)` icon on the selection toolbox
+2. Open the selection toolbox menu, use the `Add Subgraph to Library` menu to publish subgraph
+
+
+After you click on the `book(publish)` icon or `Add Subgraph to Library` menu, you will see the following dialog:
+
+![Subgraph naming](/images/interface/features/subgraph/subgraph_naming.jpg)
+
+By default, the subgraph will use the name of the subgraph node as the name of the subgraph blueprint.
+
+After publishing, you will see the subgraph blueprint node in the node library.
+
+![Subgraph blueprint node](/images/interface/features/subgraph/subgraph_blueprints.jpg)
+
+Now, you can drag or search the subgraph just like a normal node. The new subgraph node that has been added from Subgraph Blueprints is still isolated, which means after adding it to the workflow, it can be edited independently, they will not affect each other.
+
+### Edit Subgraph Blueprint
+
+If you want to edit the subgraph blueprint, you can click the edit button just like the image below, you can delete it as well.
+
+![Edit Subgraph Blueprint](/images/interface/features/subgraph/edit_subgraph_blueprints.jpg)
+
+This will enable the subgraph editing mode
+
+![Subgraph editing mode](/images/interface/features/subgraph/subgraph_editing_mode.jpg)
+
+After editing the subgraph blueprint, you can go to the parent level to preview the subgraph.
+
+![Update Subgraph Blueprint](/images/interface/features/subgraph/save_updated_subgraph.jpg)
+
+If you want to save the updated subgraph blueprint, you can click the save button or use the shortcut key Ctrl + S.

images/interface/features/subgraph/save_updated_subgraph.jpg

@@ -4,7 +4,7 @@ description: "跟踪 ComfyUI 的最新功能、改进和错误修复"
 icon: "clock-rotate-left"
 ---
 
-<Update label="v0.3.62" description="2025年9月30日">
+<Update label="v0.3.62" description="2025年10月1日">
 - **Rodin3D-Gen2 参数修复**
 - **Seedance Pro 模型支持**
 </Update>

images/interface/features/subgraph/subgraph_blueprints.jpg

@@ -94,4 +94,48 @@ icon: "share-nodes"
 
 当子图编辑完成后，你可以将子图转回为普通节点，只需要选中子图后，再在选择工具箱上选择同样的按钮即可完成子图转回节点的操作，在右键菜单上也有对应的选项
 
-![子图转回普通节点](/images/interface/features/subgraph/subgraph_to_nodes.jpg)
+![子图转回普通节点](/images/interface/features/subgraph/subgraph_to_nodes.jpg)
+
+
+## 发布子图
+
+从 ComfyUI 前端版本 1.27.7 开始，你可以将子图发布到节点库中。
+
+此功能允许你将子图转换为 `子图蓝图(Blueprint)`，也就是可复用的子图节点。
+
+### 发布子图到节点库
+
+![发布子图](/images/interface/features/subgraph/subgraph_publishing.jpg)
+
+目前有两种方式可以将子图发布到节点库，这两种方式都在选择工具箱中：
+
+1. 点击选择工具箱上的 `书本（发布）` 图标
+2. 打开选择工具箱菜单，选择 `添加子图到库(Add Subgraph to Library)` 菜单项来发布子图
+
+点击 `书本（发布）` 图标或 `添加子图到库(Add Subgraph to Library)` 菜单后，你会看到如下对话框：
+
+![子图命名](/images/interface/features/subgraph/subgraph_naming.jpg)
+
+默认情况下，子图蓝图会使用子图节点的名称作为子图蓝图的名称，你可以在这一步进行修改
+
+发布后，你将在节点库中看到子图蓝图节点。
+
+![子图蓝图节点](/images/interface/features/subgraph/subgraph_blueprints.jpg)
+
+现在，你可以像普通节点一样拖拽或搜索该子图。通过子图蓝图添加的新子图节点是相互独立的，也就是说，添加到工作流后可以单独编辑并不相互影响
+
+### 编辑子图蓝图
+
+如果你想编辑子图蓝图，可以点击下图所示的编辑按钮，也可以删除它。
+
+![编辑子图蓝图](/images/interface/features/subgraph/edit_subgraph_blueprints.jpg)
+
+这将进入子图编辑模式
+
+![子图编辑模式](/images/interface/features/subgraph/subgraph_editing_mode.jpg)
+
+编辑完子图蓝图后，你可以返回上一级预览子图。
+
+![更新子图蓝图](/images/interface/features/subgraph/save_updated_subgraph.jpg)
+
+如果你想保存更新后的子图蓝图，可以点击保存按钮， 或者使用 Ctrl + S 进行保存, 即可更新子图