华为云社区博文:使用华为云 OBS 实现静态网站托管,低成本搭建个人技术博客

举报
yd_261956584 发表于 2026/09/16 09:31:20 2026/09/16
【摘要】 前言很多开发者想搭建个人技术博客、项目文档站,不想维护服务器,不用操心系统补丁、进程守护。静态站点就很合适,代码只有 HTML、CSS、JS,没有后端服务。本文分享基于华为云 OBS 对象存储托管静态网站的完整实操,搭配 CDN 加速,低成本上线个人博客。一、方案优势免服务器运维:不需要 ECS,不用定期升级系统,省去服务器故障排查工作;按量计费:存储费用低,只有访问产生流量才计费,个人博客...

前言

很多开发者想搭建个人技术博客、项目文档站,不想维护服务器,不用操心系统补丁、进程守护。静态站点就很合适,代码只有 HTML、CSS、JS,没有后端服务。本文分享基于华为云 OBS 对象存储托管静态网站的完整实操,搭配 CDN 加速,低成本上线个人博客。

一、方案优势

  1. 免服务器运维:不需要 ECS,不用定期升级系统,省去服务器故障排查工作;
  2. 按量计费:存储费用低,只有访问产生流量才计费,个人博客访问量小,每月成本极低;
  3. 支持 CDN 加速:开启华为云 CDN,国内多地节点缓存页面,打开速度更快;
  4. 高可靠:OBS 数据多副本存储,不用担心硬盘损坏丢失博客文件。

二、整体部署流程

  1. 创建 OBS 存储桶,开启静态网站托管功能;
  2. 上传本地静态博客文件(html、图片、js、css);
  3. 配置桶策略,开放公共读权限;
  4. 配置首页文档与错误页重定向;
  5. 绑定域名、配置 CDN 加速;
  6. 测试访问,配置缓存规则。

三、实操步骤

1. 创建存储桶

进入华为云 OBS 控制台,新建桶。注意:区域尽量选择离目标访客更近的地域,桶名称需要全局唯一。创建完成后,进入桶的基础配置,找到【静态网站托管】并启用。

  • 首页:index.html
  • 404 错误页:404.html

2. 上传静态资源

把打包好的博客静态文件全部上传到桶根目录。上传完成后,直接用 OBS 提供的静态网站域名访问,验证页面、图片、跳转链接是否正常。

注意:OBS 静态网站域名不支持 HTTPS,正式使用建议搭配 CDN。

3. 配置桶访问策略

新建桶策略,授予公共读权限,确保访客可以读取页面资源。

⚠️ 重要提醒:开启公共读之后,桶内所有文件任何人都可以读取,不要存放身份证、密钥等敏感资料。

4. CDN 加速与 HTTPS 配置

进入华为云 CDN 控制台,添加域名,源站选择 OBS 静态网站域名。

  • 上传域名 SSL 证书,开启 HTTPS;
  • 设置缓存策略:图片、js、css 长缓存;html 页面设置较短缓存,方便更新文章;
  • 开启缓存刷新,当博客更新内容后,手动刷新 CDN 缓存,避免用户看到旧页面。

四、常见踩坑点

  1. 页面访问 404:检查静态网站托管的首页文件名是否和上传文件大小写一致,Linux 环境区分大小写;
  2. 图片加载失败:确认图片资源上传成功,桶策略权限配置正确;
  3. 更新文章后网页不变:CDN 缓存没有刷新,需要手动刷新缓存,或者调整缓存过期时间;
  4. HTTPS 无法访问:检查 SSL 证书是否正常,CDN 域名是否完成备案。

五、总结

对于个人博客、项目文档、产品宣传页这类纯静态站点,OBS+CDN 组合是性价比很高的方案。不用管理云服务器,部署简单,扩容省心。写好的 Markdown 文档通过工具生成静态页面,一键上传 OBS 即可对外发布。

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

评论(0)

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

全部回复

上滑加载中

设置昵称

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

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

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