ZIP BUNDLE · 5 分钟

ZIP 网站包如何完整在线预览

适合多文件网页、静态站点导出包、带图片的报告、演示文稿和 AI 生成的网站目录。

ZIP 上传会把入口页和资源作为一个整体保存。正确的目录结构比压缩工具本身更重要。

STEP 01

确认入口文件

优先把 index.html 放在压缩包根目录。不要把整个上级工程目录无意间套进 ZIP,避免入口层级多一层。

STEP 02

统一相对路径

页面引用图片、样式和脚本时使用相对路径,例如 assets/cover.webp,而不是 /Users/... 或 C:\...。

STEP 03

压缩并上传

压缩入口文件和实际需要的资源,不要包含 node_modules、源码缓存、密钥文件或无关构建产物。

STEP 04

逐项检查资源

在线打开页面,检查图片、字体、交互、子页面链接和控制台错误。发现缺失时修正目录后覆盖上传。