什么时候应该上传 ZIP?
现代静态网页通常由多个文件组成:HTML 负责结构,CSS 负责样式,JavaScript 负责交互,图片和字体提供视觉资源。单独上传 HTML 会丢失这些依赖,因此完整网站更适合使用 ZIP。
ZIP 部署会一次性上传整个目录结构。只要页面使用相对路径引用资源,解压后的线上结构与本地一致,浏览器就能正确加载。
index.html,旁边可以有 assets/、images/、styles/ 和 scripts/ 等目录。如何正确压缩和部署网站
将首页命名为 index.html,并在本地完整浏览一次。
CSS、JS 和图片使用相对路径,不引用电脑盘符或仅本机可用的地址。
选择 index.html 与资源目录一起压缩,确保打开 ZIP 后第一层就能看到入口文件。
发布 ZIP,打开生成的链接,重点检查图片、字体、导航和交互是否正常。
ZIP 部署失败的常见原因
根目录没有 index.html
服务器需要明确的默认入口。如果文件叫 home.html 或藏在二级目录,访问网站根地址时就找不到首页。
文件名大小写不一致
线上服务器通常区分大小写。HTML 写的是 Logo.png,实际文件却叫 logo.png,在本地可能正常,发布后可能变成 404。
把开发项目而不是构建产物打包
React、Vue、Svelte 等工程源码通常不能直接静态运行。应先执行项目的构建命令,再把生成的 dist 或 build 目录内容压缩上传。