跳到正文

发布与更新

多文件网页和 ZIP 怎么上传?Vite 项目应该传什么?

讲清 index.html、图片文件夹和 ZIP 结构,以及 React、Vue、Vite 项目应先编译再上传的原因。

首页和资源要一起上传

网页通常不只有一个 HTML 文件。图片、CSS 样式和 JavaScript 脚本,都可能是页面正常显示和交互所必需的内容。只上传首页,可能会看到文字,却没有图片或样式。

把 AI 交付的文件结构原样保留。不要为了整理文件而单独移动图片,或把不同文件夹里同名的文件混在一起。

可以参考这个例子
index.html
assets/
  app.js
  style.css
  cover.png

直接上传文件夹,不必先压缩

  1. 在新建项目或项目详情的上传窗口中点击“选择文件夹”。
  2. 选择包含网页首页和资源的文件夹;系统会查找 index.html。
  3. 如果希望项目链接直接打开这个首页,选择“放入项目根目录”。这只去掉外层目录,内部图片、样式和脚本的路径不变。
  4. 如果是给已有站点增加子页面,可选择“保留外层文件夹”。这时通过子路径访问新页面,项目仍需保留根目录首页。
  5. 存在多个 index.html 时,先选择需要作为首页的目录,再确认放置方式并上传。

把完整站点打成 ZIP

  1. 找到包含首页和所有资源的文件夹。
  2. 检查其中有 index.html,并确认资源文件都已放进去。
  3. 将这些内容压缩为 ZIP,在创建项目或项目详情的上传入口中选择这个压缩包。
  4. 发布后打开公开链接,检查图片、页面跳转和交互。

React、Vue、Vite 要上传编译结果

如果文件夹里主要是 src、package.json、.vue 或 .tsx 文件,那通常是开发源码,需要先编译。展线不会在上传时替项目安装依赖或运行构建命令。

可以让原来的 AI 编程工具先完成构建,再把生成的 dist 目录内容打包上传。不要把 node_modules 一起上传,它不是网站发布文件。

可以参考这个例子
请先构建这个项目,并检查构建结果能运行。
把 dist 中的 index.html 和资源文件打成 ZIP,供我上传到展线。
不要包含 node_modules、密钥或本地配置。

遇到旧路径,不要急着手工改所有文件

展线会对常见的资源路径和前端路由做兼容处理,通常不需要你逐个修改打包后的脚本。仍然打不开时,先检查文件是否齐全,再把完整报错交给 AI。

服务器无法补出没有上传的图片,也无法替代项目原本依赖的后端或外部服务。外部登录、特殊浏览器能力和自定义 Service Worker,需要另外验证。