用华为云 OBS 搭建静态网站

举报
yd_286050264 发表于 2026/11/06 09:48:22 2026/11/06
【摘要】 本文介绍如何利用华为云对象存储服务(OBS)的静态网站托管功能,零服务器成本地将一个静态网站(HTML/CSS/JS)发布上线。涵盖创建桶、配置托管、设置公开读权限及绑定自定义域名四个关键步骤,适合前端开发者和个人博主快速上手。

如果你有一个纯静态的网站——比如个人博客、产品落地页、或者一个用 Vue/React 打包出来的前端应用——你其实不需要买一台云服务器来跑它。华为云 OBS(对象存储服务)提供了静态网站托管功能,几步配置就能让你的网站对外访问,而且按存储量和请求次数计费,流量小的时候几乎零成本。

一、创建一个 OBS 桶

首先登录华为云控制台,进入 OBS 服务,点击「创建桶」。这里有几个关键选项:

  • 桶名:全局唯一,建议用你的域名或项目名,比如 my-blog-site。
  • 区域:选离你目标用户最近的区域,国内用户一般选 cn-north-4(华北-北京四)。
  • 桶策略:选「公共读」。这一步很重要——静态网站托管要求桶内的对象能被匿名访问,否则浏览器会拿到 403。

创建完成后,把你网站的文件上传进去。index.html 放在桶根目录,CSS、JS、图片等按目录结构上传即可。

二、配置静态网站托管

进入桶详情页,找到「基础配置 → 静态网站托管」,点击开启,填写两个页面:

  • 默认首页:index.html
  • 默认错误页:404.html(可选,但建议配一个,体验更好)

保存后,OBS 会给你一个网站访问域名,格式类似:

my-blog-site.obs-website.cn-north-4.myhuaweicloud.com

直接在浏览器打开这个地址,你的网站就上线了。

三、绑定自定义域名(可选但推荐)

用 OBS 默认域名能访问,但不够专业。如果你有自己的域名(比如 www.myblog.com),可以在桶的「域名管理」中添加自定义域名,然后在你的 DNS 服务商处添加一条 CNAME 解析,将 www.myblog.com 指向 OBS 给你的网站域名。

如果你的域名托管在华为云 DNS 服务上,整个过程在控制台就能一站式完成,不用跳来跳去。

四、几个容易踩的坑

  1. 桶策略忘了设公共读:这是最高频的问题,症状是浏览器返回 403 Forbidden。记住,静态网站托管 ≠ 桶自动公开,你需要显式设置。
  2. 首页文件名不对:OBS 默认找 index.html,如果你的入口文件叫 home.html,要么改名,要么在托管配置里指定。
  3. HTTPS:OBS 默认域名走 HTTP。如果你的自定义域名需要 HTTPS,需要配合华为云 CDN 或 ELB 证书来加一层,OBS 本身不直接提供自定义域名的 HTTPS。

小结

OBS 静态网站托管的核心思路就是:把存储桶当 Web 服务器的根目录用。没有服务器要维护、没有操作系统要打补丁、流量小的时候账单几乎为零。对于个人项目、文档站点、前端 Demo,这是最省心的上线方式。

下次如果你需要给网站加 HTTPS、加速分发、或者动态能力,再考虑叠加 CDN 和 FunctionGraph——但那是另一篇文章的事了。

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0)

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。