Source: https://www.demox.site/ai-static-site-deployment AI 静态网站发布指南 · 更新于 2026-09-14 · Demox 团队 # AI 生成网页后，怎样快速发布成静态网站？ **直接答案：**先确认 AI 产物是单个 HTML 文件，或根目录含 `index.html` 的静态目录/ZIP；再上传到 Demox，即可获得带 HTTPS 和 CDN 的公开链接。网页端适合手动上传，CLI 适合终端和 CI，MCP 适合能执行工具的 AI 助手。需要接口时，把 Node 后端改成 `handler(request, env)` 后走 `demox functions push`。 ## 三种发布方式，取决于你手里有什么 ### 1. 只有一个 HTML 文件 直接在 Demox 网页端选择 HTML 文件。它适合 AI 生成的单页、交互原型和可视化报告。若页面引用 CSS、图片或字体，请把资源放在同一个目录并使用相对路径。 ### 2. 已有 dist、build 或 ZIP 先执行 React、Vue、Vite 等项目的生产构建，再上传构建目录或 ZIP。入口文件应位于上传目录或 ZIP 根目录，资源 base path 也要按静态托管方式配置。 ### 3. 正在和 AI 助手协作 把 [Demox 文档](https://www.demox.site/doc)发给能访问网页、读取本地文件并执行工具的 AI，要求它先检查静态产物，再通过 CLI、MCP 或 Agent Skill 发布。只会聊天的 AI 可以说明步骤，却不能代替你读取文件或执行上传。 ## 发布一个 AI 生成网页，需要哪几步？ 1. **确认它是静态产物：**浏览器只需 HTML、CSS、JavaScript 和图片就能打开，不依赖服务器运行时。 2. **找到站点入口：**单文件直接使用 HTML；目录或 ZIP 的根目录需要包含 `index.html`。 3. **上传并拿到链接：**在网页端上传，或通过 CLI、MCP、Agent Skill 发布。 4. **用无痕窗口复查：**检查首页、资源加载和页面跳转，排除本机缓存造成的假象。 ## 发布前检查清单 - `index.html` 位于上传目录或 ZIP 根目录。 - 资源路径没有指向本机磁盘。 - 前端路由和资源 base path 已按静态托管方式构建。 - 密钥、Token、数据库密码等敏感信息没有写进前端文件。 ## 哪些项目适合 Demox？ AI 生成的 HTML 单页、React/Vue/Vite 构建产物、产品演示、客户评审页，以及已改成 `handler(request, env)` 的 Node 接口，都适合发布。完整对照见 [什么时候该用 Demox](https://www.demox.site/when-to-use-demox)。 ## 哪些项目不适合直接静态发布？ Python、PHP、Java，Express `listen`，必须直连私密数据库或常驻进程，以及没有静态导出的服务端渲染应用，需要先改造或选择能运行该后端的平台。失败原文见 [发布排错](https://www.demox.site/deploy-troubleshooting)。 ## 把文档链接直接发给 AI，真的能部署吗？ 可以，但前提是 AI 助手能访问网页、读取本地文件并执行工具。只具备聊天能力的 AI 可以说明步骤，却不能代替你读取文件或执行上传。可使用提示词：“阅读 https://www.demox.site/doc，把当前项目构建成静态产物并发布到 Demox；发布前不要上传密钥或后端配置。” ## 常见问题 ### 上传 HTML 后，为什么样式或图片丢了？ 通常是 HTML 引用了本机绝对路径，或遗漏了同目录下的 CSS、图片和字体。把相关资源一起放进目录，使用相对路径，再将整个目录打成 ZIP 上传。 ### React 或 Vue 源码可以直接上传吗？ 通常不可以。先执行项目的生产构建命令，得到 dist 或 build 目录，再上传构建产物。 ### 静态网站能调用接口吗？ 可以调用允许浏览器跨域访问的公开 HTTPS API，也可以把 Node handler 发到同一站点后用 `fetch('/api/标识')`。不要把私密凭据放在前端代码中。 [上传并发布网页](https://www.demox.site/console/projects) · [查看 Demox 完整文档](https://www.demox.site/doc)