> ## Documentation Index > Fetch the complete documentation index at: https://docs.profy.cn/llms.txt > Use this file to discover all available pages before exploring further. # 网站构建 Sites > 在对话中构建并发布静态网站袋袋的 Sites 能力让你在对话中从零开始构建网站——描述你想要的网站，专家负责设计、编码和部署，你只需在预览中确认效果，一键发布到公网。 ## 工作流程在对话的插件设置中勾选 **Sites** 插件。启用后，专家获得网站构建和发布的完整能力。用自然语言告诉专家你想要什么样的网站。可以从一句话开始，也可以给出详细的页面规划。专家会展示设计方向卡片——包括配色方案、布局风格、视觉参考等。你确认后，专家才开始编码。专家编写代码的同时，右侧 Website 面板会自动打开，你可以实时看到网站效果。每次代码更改都会立即反映在预览中。对预览效果不满意的地方，直接用对话告诉专家修改。专家会自动截取预览截图做视觉 QA，确保桌面端和移动端效果一致。满意后，专家会发起发布请求。此时你会看到一个部署确认对话框——**只有你在对话框中确认后，网站才会真正发布**。专家无法自动发布。发布成功后，你会收到网站的公开访问 URL。你的网站已经上线，任何人都可以通过这个链接访问。 ## 核心特性 Website 面板支持 HMR 热更新，代码改动即时反映，所见即所得。专家只能"请求"发布，真正的发布动作由你在对话框中确认触发，保证你对上线内容有完全掌控。专家会先展示设计方向供你选择，而不是直接动手。你也可以上传参考图来传达设计意图。专家会自动截取桌面端和移动端预览截图，主动发现布局问题。 ## 你可以构建什么创建个人品牌页面——介绍自己、展示项目、放联系方式，几分钟即可上线。为产品或服务制作宣传页——英雄区、功能亮点、用户评价、CTA 按钮，一次对话搞定。临时活动需要一个信息页？告诉专家活动细节，快速生成并发布。专家也可以构建带有交互逻辑的页面——小测验、互动故事、简单的 H5 小游戏。将你的知识整理成结构化的网站，带导航、搜索和目录。 ## 使用技巧 * **先聊再做**：花一两轮对话和专家讨论清楚你的需求和偏好，比直接开工效果更好 * **分步迭代**：先让专家搭好整体框架，确认后再逐页打磨细节 * **提供参考**：上传你喜欢的网站截图或设计稿，专家能更准确地理解你的风格偏好 * **关注移动端**：在预览面板中切换桌面/移动视图，确保两端都正常显示发布后的网站是公开可访问的。请确保内容不包含敏感信息，并在发布前仔细检查所有页面。 ## 技术说明 * 网站基于 TanStack Start 框架构建，支持现代 Web 特性 * 预览面板使用开发服务器渲染，支持 HMR 热更新 * 发布后的网站部署在 CDN，全球加速访问 * 每个网站获得独立的公开 URL ## 计费说明 Sites 功能的积分消耗主要来自对话中的模型调用（专家编写代码和处理请求），以及可能涉及的图片生成。网站的托管和访问不额外收费。