AI 静态网站发布指南 · 更新于 2026-08-24 · Demox 团队

AI 生成网页后，怎样快速发布成静态网站？

直接答案：先确认 AI 产物是单个 HTML 文件，或根目录含 index.html 的静态目录/ZIP；再上传到 Demox，即可获得带 HTTPS 和 CDN 的公开链接。网页端适合手动上传，CLI 适合终端和 CI，MCP 适合能执行工具的 AI 助手。这个流程不需要配置服务器，适合演示、评审和分享。

三种发布方式，取决于你手里有什么

1. 只有一个 HTML 文件

直接在 Demox 网页端选择 HTML 文件。它适合 AI 生成的单页、交互原型和可视化报告。若页面引用 CSS、图片或字体，请把资源放在同一个目录并使用相对路径。

2. 已有 dist、build 或 ZIP

先执行 React、Vue、Vite 等项目的生产构建，再上传构建目录或 ZIP。入口文件应位于上传目录或 ZIP 根目录，资源 base path 也要按静态托管方式配置。

3. 正在和 AI 助手协作

把 Demox 文档发给能访问网页、读取本地文件并执行工具的 AI，要求它先检查静态产物，再通过 CLI、MCP 或 Agent Skill 发布。只会聊天的 AI 可以说明步骤，却不能代替你读取文件或执行上传。

发布一个 AI 生成网页，需要哪几步？

确认它是静态产物：浏览器只需 HTML、CSS、JavaScript 和图片就能打开，不依赖服务器运行时。
找到站点入口：单文件直接使用 HTML；目录或 ZIP 的根目录需要包含 index.html。
上传并拿到链接：在网页端上传，或通过 CLI、MCP、Agent Skill 发布。
用无痕窗口复查：检查首页、资源加载和页面跳转，排除本机缓存造成的假象。

发布前检查清单

index.html 位于上传目录或 ZIP 根目录。
资源路径没有指向本机磁盘。
前端路由和资源 base path 已按静态托管方式构建。
密钥、Token、数据库密码等敏感信息没有写进前端文件。

哪些项目适合 Demox？

AI 生成的 HTML 单页、React/Vue/Vite 构建产物、产品演示、客户评审页，以及只在浏览器运行或调用已有远程 API 的前端，都适合静态发布。

哪些项目不适合直接静态发布？

必须运行 Node.js、Python、PHP 或 Java 服务，直接连接数据库，执行服务端任务，或依赖服务器端渲染且没有静态导出结果的应用，需要先改造或选择能运行后端的平台。静态网站可以调用允许跨域访问的公开 HTTPS API，但不能把私密凭据放在浏览器代码中。

把文档链接直接发给 AI，真的能部署吗？

可以，但前提是 AI 助手能访问网页、读取本地文件并执行工具。只具备聊天能力的 AI 可以说明步骤，却不能代替你读取文件或执行上传。可使用提示词：“阅读 https://www.demox.site/doc，把当前项目构建成静态产物并发布到 Demox；发布前不要上传密钥或后端配置。”

常见问题

上传 HTML 后，为什么样式或图片丢了？

通常是 HTML 引用了本机绝对路径，或遗漏了同目录下的 CSS、图片和字体。把相关资源一起放进目录，使用相对路径，再将整个目录打成 ZIP 上传。

React 或 Vue 源码可以直接上传吗？

通常不可以。先执行项目的生产构建命令，得到 dist 或 build 目录，再上传构建产物。

静态网站能调用接口吗？

可以调用允许浏览器跨域访问的公开 HTTPS API，但不能把私密凭据放在前端代码中。需要保密的业务逻辑仍应放在独立后端。

上传并发布网页 · 查看 Demox 完整文档