> ## Documentation Index
> Fetch the complete documentation index at: https://comfyuiwiki.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ComfyUI 官方文档

> ComfyUI 官方文档

<div className="relative">
  <div className="w-full text-center mt-16 pb-8">
    <div className="mt-24 text-center">
      <img src="https://mintcdn.com/comfyuiwikicom/wQRHATP5k3brbzHr/logo/light.svg?fit=max&auto=format&n=wQRHATP5k3brbzHr&q=85&s=2361696e67366045415df1027db148ae" className="block dark:hidden pointer-events-none mx-auto" width="204" height="57" data-path="logo/light.svg" />

      <img src="https://mintcdn.com/comfyuiwikicom/wQRHATP5k3brbzHr/logo/dark.svg?fit=max&auto=format&n=wQRHATP5k3brbzHr&q=85&s=5e79643c09d758904adb3f1e3b23705b" className="hidden dark:block pointer-events-none mx-auto" width="204" height="57" data-path="logo/dark.svg" />
    </div>

    <div className="flex justify-center w-full">
      <h1
        style={{
      fontSize: "18px",
      fontWeight: "bold",
      marginTop: "10px",
      textAlign: "center"
    }}
        className="text-center"
      >
        ComfyUI 官方文档
      </h1>
    </div>
  </div>

  {/* social start */}

  <div className="pb-8 text-center">
    <div className="flex items-center justify-center gap-4">
      <a href="https://github.com/Comfy-Org/ComfyUI/" target="_blank" className="hover:opacity-80">
        <Icon icon="github" iconType="solid" size={32} />
      </a>

      <a href="https://x.com/ComfyUI" target="_blank" className="hover:opacity-80">
        <Icon icon="x-twitter" iconType="solid" size={32} />
      </a>

      <a href="https://discord.com/invite/comfyorg" target="_blank" className="hover:opacity-80">
        <Icon icon="discord" iconType="solid" size={32} />
      </a>

      <a href="https://raw.githubusercontent.com/Comfy-Org/docs/refs/heads/main/images/index/qrcode.jpg" target="_blank" className="hover:opacity-80">
        <Icon icon="weixin" iconType="solid" size={32} />
      </a>

      <a href="https://www.youtube.com/@comfyorg" target="_blank" className="hover:opacity-80">
        <Icon icon="youtube" iconType="solid" size={32} />
      </a>
    </div>
  </div>

  {/* CAT 广告: comfyuiwiki → missavdh.com 漏斗。通过 incoming-visits-logger 追踪（ref + via + utm_*）。详见 CAT_AD_DESIGN.md。 */}

  <a href="https://missavdh.com/?ref=comfyuiwiki&via=cat-ad-hero&utm_source=comfyuiwiki.com&utm_medium=docs-cat&utm_campaign=comfyui-funnel&from=index-hero" target="_blank" rel="noopener noreferrer" className="group relative mx-auto my-12 block max-w-5xl overflow-hidden rounded-3xl bg-gradient-to-br from-[#49378B] via-[#7c3aed] to-[#ec4899] text-white no-underline shadow-2xl ring-1 ring-white/30 transition-all duration-300 hover:scale-[1.01] hover:shadow-[0_25px_60px_-15px_rgba(236,72,153,0.6)] focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#7c3aed] focus:outline-none" aria-label="打开实时预览与下载目录 — 7 张预览缩略图，missavdh.com 外部链接，仅限 18+">
    <div className="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/30 via-transparent to-white/10" aria-hidden="true" />

    <div className="relative p-6 sm:p-8">
      <div className="mb-6 flex h-44 items-end justify-center gap-2 sm:mb-8 sm:h-60 sm:gap-3" aria-hidden="true">
        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/1.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=d37ed307acdbc14192592dde26b51ab1" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-6deg)' }} width="2496" height="3648" data-path="images/cat-ad/1.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/2.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=463f8dce3d9eaea128f060357956642d" alt="" loading="lazy" className="h-36 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-44 sm:w-28" style={{ transform: 'rotate(4deg)' }} width="2496" height="3648" data-path="images/cat-ad/2.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/3.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=fbed39287e2f02a491d968dbfa7ac603" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-3deg)' }} width="2496" height="3648" data-path="images/cat-ad/3.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/4.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=7c0311a41764d9fc439528e0e6e545f2" alt="" loading="lazy" className="h-36 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-44 sm:w-28" style={{ transform: 'rotate(5deg)' }} width="2496" height="3648" data-path="images/cat-ad/4.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/5.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=9e09b191198b63a2233126e79edf584c" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-4deg)' }} width="2480" height="3508" data-path="images/cat-ad/5.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/6.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=471ec29753e407cb40faefe54e732c99" alt="" loading="lazy" className="h-36 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-44 sm:w-28" style={{ transform: 'rotate(3deg)' }} width="2496" height="3648" data-path="images/cat-ad/6.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/7.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=8e87e6a8ae8add87b8a3726fde59346e" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-5deg)' }} width="2496" height="3648" data-path="images/cat-ad/7.jpg" />
      </div>

      <div className="flex flex-col items-stretch gap-4 sm:flex-row sm:items-center sm:gap-6">
        <div className="flex h-16 w-16 flex-shrink-0 self-center items-center justify-center rounded-full bg-white/20 text-4xl backdrop-blur-sm ring-2 ring-white/30 sm:h-20 sm:w-20 sm:text-5xl" aria-hidden="true">
          ✨
        </div>

        <div className="min-w-0 flex-1 text-center sm:text-left">
          <div className="mb-2 flex flex-wrap items-center justify-center gap-2 sm:justify-start">
            <span className="inline-flex items-center gap-1 rounded-full border border-white/40 bg-white/15 px-2 py-0.5 text-[10px] font-bold tracking-wider uppercase backdrop-blur-sm">
              <span className="h-1.5 w-1.5 rounded-full bg-red-300" aria-hidden="true" />

              18+
            </span>

            <span className="text-xs font-medium text-white/80">实时目录 · 每日更新</span>
          </div>

          <div className="text-xl leading-tight font-extrabold sm:text-2xl">实时预览 + 一键下载</div>
          <div className="mt-1.5 text-sm leading-relaxed text-white/90 sm:text-base">精选 ComfyUI 工作流、模型与工具，等你探索。</div>
        </div>

        <div className="inline-flex flex-shrink-0 self-center items-center justify-center gap-2 rounded-full bg-white px-7 py-4 text-base font-bold whitespace-nowrap text-[#49378B] shadow-lg transition-all duration-200 group-hover:gap-3 group-hover:shadow-xl sm:px-8 sm:py-4 sm:text-lg">
          立即查看
          <span className="text-lg transition-transform duration-200 group-hover:translate-x-1" aria-hidden="true">→</span>
        </div>
      </div>
    </div>
  </a>

  <div className="px-4 max-w-5xl mx-auto">
    <p className="mx-auto mb-12 max-w-xl px-4 text-center text-lg text-gray-500 dark:text-zinc-500">
      最强大的开源节点式生成式 AI 应用程序
    </p>

    {/* Getting Started Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">开始使用</h2>

      <CardGroup cols={3}>
        <Card title="下载安装" icon="download" href="/zh/installation/system_requirements">
          在 Windows、macOS 或 Linux 上安装 ComfyUI
        </Card>

        <Card title="首次生成" icon="rocket" href="/zh/get_started/first_generation">
          创建你的第一张 AI 生成图像
        </Card>

        <Card title="基础概念" icon="lightbulb" href="/zh/development/core-concepts/workflow">
          理解工作流、节点和连接
        </Card>

        <Card title="Comfy 工作流" icon="globe" href="https://comfy.org/workflows">
          探索全球顶尖创作者和 ComfyUI 工作流模板
        </Card>
      </CardGroup>
    </div>

    {/* AI Agents & MCP Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">AI 智能体与 MCP</h2>

      <CardGroup cols={3}>
        <Card title="智能体工具概览" icon="robot" href="/zh/agent-tools">
          通过 MCP 连接 AI 智能体，生成图片、视频、音频和 3D 内容
        </Card>

        <Card title="Cloud MCP 服务器" icon="server" href="/zh/agent-tools/mcp">
          托管于 cloud.comfy.org 的 MCP — 在 Cloud GPU 上运行工作流
        </Card>

        <Card title="Comfy CLI" icon="terminal" href="/zh/agent-tools/cli">
          在终端使用 comfy generate（测试版）调用合作伙伴模型
        </Card>
      </CardGroup>
    </div>

    {/* Learn & Tutorials Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">学习与教程</h2>

      <CardGroup cols={3}>
        <Card title="界面指南" icon="window-maximize" href="/zh/interface/overview">
          了解 ComfyUI 界面导航
        </Card>

        <Card title="教程示例" icon="book-open" href="/zh/tutorials/basic/text-to-image">
          常见任务的分步指南
        </Card>

        <Card title="内置节点" icon="diagram-project" href="/zh/built-in-nodes/overview">
          详细了解每个 ComfyUI 节点
        </Card>
      </CardGroup>
    </div>

    {/* Development Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">开发与扩展</h2>

      <CardGroup cols={3}>
        <Card title="开发指南" icon="code" href="/zh/development/overview">
          为 ComfyUI 开发做出贡献
        </Card>

        <Card title="自定义节点" icon="puzzle-piece" href="/zh/custom-nodes/overview">
          创建和发布自定义节点
        </Card>

        <Card title="本地 API" icon="terminal" href="/zh/development/comfyui-server/comms_overview">
          集成本地 ComfyUI 服务器
        </Card>

        <Card title="Cloud API" icon="cloud" href="/zh/development/cloud/overview">
          通过 Comfy Cloud API 运行工作流
        </Card>

        <Card title="Cloud API 参考" icon="book" href="/zh/development/cloud/api-reference">
          查看 ComfyUI Cloud API 参考文档
        </Card>
      </CardGroup>
    </div>

    {/* Get Help Section */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">获取帮助</h2>

      <CardGroup cols={3}>
        <Card title="联系支持" icon="headset" href="/zh/support/contact-support">
          从我们的支持团队获取帮助
        </Card>

        <Card title="账户管理" icon="user-gear" href="/zh/account/create-account">
          创建、登录和管理你的账户
        </Card>

        <Card title="账单支持" icon="credit-card" href="/zh/support/subscription/subscribing">
          管理订阅和支付
        </Card>

        <Card title="故障排除" icon="circle-question" href="/zh/troubleshooting/overview">
          解决常见问题和错误
        </Card>

        <Card title="社区资源" icon="users" href="/zh/community/links">
          加入 ComfyUI 社区
        </Card>
      </CardGroup>
    </div>

    {/* About ComfyUI Section */}

    <div className="text-center mt-16 mb-8">
      <h2 className="text-2xl font-bold mb-4">关于 ComfyUI</h2>

      <p className="mb-4">
        由 <a href="https://github.com/comfyanonymous" className="text-blue-500 dark:text-blue-400 underline hover:text-blue-600 dark:hover:text-blue-500">comfyanonymous</a> 和其他<a href="https://github.com/Comfy-Org/ComfyUI/graphs/contributors" className="text-blue-500 dark:text-blue-400 underline hover:text-blue-600 dark:hover:text-blue-500">贡献者</a>开发。
      </p>

      <ul className="list-none space-y-2 max-w-2xl mx-auto">
        <li><strong>ComfyUI</strong> 是一个基于节点的生成式 AI 界面和推理引擎</li>
        <li>用户可以通过节点组合各种 AI 模型和操作，实现高度可定制和可控的内容生成</li>
        <li>ComfyUI 完全开源，可以在本地设备上运行</li>
      </ul>
    </div>
  </div>
</div>