19.1 Cloudflare Pages点击 「Drag and drop your files」 右侧的蓝色 「Get started」发生报错,不支持多文件
在点击 「Drag and drop your files」 右侧的蓝色 「Get started」 按钮后我将项目命名创建项目后,上传文件的地方显示Cloudflare Pages only supports uploading a single folder or a single zip file. The contents of your zip file or folder will be used to deploy your project.
意思是Cloudflare Pages 现在不支持直接拖多个文件,只支持:上传 1 个文件夹 或 1 个压缩包(zip),这里可以新建一个文件夹,比如(we),再把所有代码可执行文件和静态资源文件全部放进去,压缩打包,再拖到 Cloudflare Pages 去处理就行了,Cloudflare 会自动读取里面所有文件。
注意文件层级如下这样:
web/ ├─ index.html ├─ xxx.mp4 └─ bg1.jpg第 1 步:在电脑桌面新建一个文件夹
- 在桌面空白处右键 → 新建 → 文件夹
- 把文件夹名字改成:
web(随便什么名字都行)
第 2 步:把所有文件放进这个文件夹里
把这些静态资源全部放进文件夹:
index.htmlxxx.m4a/mp3/mp4/jpg/png等
注意:不要套多层文件夹!结构必须是这样:
web/ ├─ index.html ├─ xxx.mp4 └─ bg1.jpg第 3 步:把这个文件夹直接拖到 Cloudflare
回到刚才的页面:直接把整个文件夹拖进去
Cloudflare 会自动读取里面所有文件
第 4 步:项目名称填写
现在这个自定义的miaomiaolove完全域名会变成:
https://miaomiaolove.pages.dev第 5 步:上传完成后点 Deploy site
等待 10 秒 →部署完成!
直接点击页面右下角的蓝色「Continue to project」按钮,进入项目管理后台。
在管理后台的右上角,会看到「Visit」按钮,点击它就能打开最终页面!
| 对比项 | Cloudflare Pages | 国内静态站服务(阿里云 OSS / 腾讯云 COS 等) |
|---|---|---|
| 备案要求 | 完全不需要 | 必须备案,否则无法访问 |
| 收费模式 | 永久免费,无隐藏消费 | 按量计费,长期使用成本高,随时可能涨价 |
| 域名有效期 | 永久免费pages.dev,不会过期 | 域名需要每年续费,过期直接失效 |
| 全球访问 | 全球 CDN,全球可访问 | 仅国内可访问,海外访问慢 |
| 长期稳定性 | 上市公司战略级免费服务,6 年未涨价 | 国内服务政策变动频繁,随时可能调整免费额度 |
