最省事的方式是用腾讯云cos托管html5静态网站,无需服务器、nginx或备案;需将资源路径改为根相对路径(如/css/style.css),确保index.html小写且公有读,并配置自定义域名与免费https证书。

直接把 HTML5 页面扔到腾讯云上,最省事的方式是用对象存储 COS 当静态网站托管,不用买服务器、不配 Nginx、不折腾备案(纯前端页面)。
为什么选 COS 而不是云服务器 CVM
COS 是专为静态资源设计的,HTML/CSS/JS/Image 全部扔进去就能通过 URL 访问;CVM 需要自己装环境、开防火墙、配域名、处理 HTTPS,小项目纯属加戏。如果页面里调了后端接口,那另说——但 HTML5 本身不需要 CVM。
-
COS按实际流量和存储付费,10GB 存储 + 10GB 下载量基本免费 -
CVM最低配置每月也要几十块,还得多维护一个系统 -
腾讯云控制台里开 COS 静态网站托管,5 分钟内能跑通,
index.html放根目录就自动识别
上传前必须改的三件事
本地开发时路径写 ./css/style.css 或 ../img/logo.png 很自然,但 COS 托管后所有路径都变成根相对路径,容易 404。
- 把所有
<link href="css/style.css">改成<link href="/css/style.css">(开头加/) - 图片、JS、字体等同理,确保路径以
/开头,而不是./或../ - 检查
<base href>标签——如果有,删掉;它会干扰 COS 的默认路由逻辑
开启静态网站托管后访问不了?先看这几点
常见现象:上传完文件,浏览器打开提示 The specified key does not exist. 或直接跳转到腾讯云错误页。
立即学习“前端免费学习笔记(深入)”;
- 确认
index.html文件名全小写、没空格、没后缀如index.html.txt - 在 COS 控制台「静态网站托管」设置里,把「索引文档」填成
index.html(不是Index.html或home.html) - 检查文件权限:右键上传的
index.html→ 「权限设置」→ 确保勾选「公有读」,否则返回 403 - 域名还没绑定?先用 COS 提供的默认访问域名测试,形如
https://<bucket-name>-<appid>.cos.<region>.myqcloud.com</region></appid></bucket-name>
想用自定义域名 + HTTPS 怎么办
COS 自带免费 HTTPS,但需要两步手动操作,很多人卡在这儿。
- 先在 COS「静态网站托管」里开启「自定义域名」,填你的域名(如
game.example.com) - 再去腾讯云「SSL 证书」服务申请免费证书,审核通过后,在 COS 域名设置里「启用 HTTPS」并关联该证书
- 别忘了去你域名的 DNS 服务商处添加 CNAME 记录,指向 COS 提供的加速域名(不是原始 COS 域名)
HTTPS 开启后,如果页面里还有 http:// 的资源请求(比如硬编码的图片链接),浏览器会拦截混合内容,F12 看 Console 就能看到 Mixed Content 报错——这种细节上线前最容易漏。










