华为云社区博文:使用华为云 OBS 实现静态网站托管,低成本搭建个人技术博客
【摘要】 前言很多开发者想搭建个人技术博客、项目文档站,不想维护服务器,不用操心系统补丁、进程守护。静态站点就很合适,代码只有 HTML、CSS、JS,没有后端服务。本文分享基于华为云 OBS 对象存储托管静态网站的完整实操,搭配 CDN 加速,低成本上线个人博客。一、方案优势免服务器运维:不需要 ECS,不用定期升级系统,省去服务器故障排查工作;按量计费:存储费用低,只有访问产生流量才计费,个人博客...
前言
很多开发者想搭建个人技术博客、项目文档站,不想维护服务器,不用操心系统补丁、进程守护。静态站点就很合适,代码只有 HTML、CSS、JS,没有后端服务。本文分享基于华为云 OBS 对象存储托管静态网站的完整实操,搭配 CDN 加速,低成本上线个人博客。
一、方案优势
- 免服务器运维:不需要 ECS,不用定期升级系统,省去服务器故障排查工作;
- 按量计费:存储费用低,只有访问产生流量才计费,个人博客访问量小,每月成本极低;
- 支持 CDN 加速:开启华为云 CDN,国内多地节点缓存页面,打开速度更快;
- 高可靠:OBS 数据多副本存储,不用担心硬盘损坏丢失博客文件。
二、整体部署流程
- 创建 OBS 存储桶,开启静态网站托管功能;
- 上传本地静态博客文件(html、图片、js、css);
- 配置桶策略,开放公共读权限;
- 配置首页文档与错误页重定向;
- 绑定域名、配置 CDN 加速;
- 测试访问,配置缓存规则。
三、实操步骤
1. 创建存储桶
进入华为云 OBS 控制台,新建桶。注意:区域尽量选择离目标访客更近的地域,桶名称需要全局唯一。创建完成后,进入桶的基础配置,找到【静态网站托管】并启用。
- 首页:index.html
- 404 错误页:404.html
2. 上传静态资源
把打包好的博客静态文件全部上传到桶根目录。上传完成后,直接用 OBS 提供的静态网站域名访问,验证页面、图片、跳转链接是否正常。
注意:OBS 静态网站域名不支持 HTTPS,正式使用建议搭配 CDN。
3. 配置桶访问策略
新建桶策略,授予公共读权限,确保访客可以读取页面资源。
⚠️ 重要提醒:开启公共读之后,桶内所有文件任何人都可以读取,不要存放身份证、密钥等敏感资料。
4. CDN 加速与 HTTPS 配置
进入华为云 CDN 控制台,添加域名,源站选择 OBS 静态网站域名。
- 上传域名 SSL 证书,开启 HTTPS;
- 设置缓存策略:图片、js、css 长缓存;html 页面设置较短缓存,方便更新文章;
- 开启缓存刷新,当博客更新内容后,手动刷新 CDN 缓存,避免用户看到旧页面。
四、常见踩坑点
- 页面访问 404:检查静态网站托管的首页文件名是否和上传文件大小写一致,Linux 环境区分大小写;
- 图片加载失败:确认图片资源上传成功,桶策略权限配置正确;
- 更新文章后网页不变:CDN 缓存没有刷新,需要手动刷新缓存,或者调整缓存过期时间;
- HTTPS 无法访问:检查 SSL 证书是否正常,CDN 域名是否完成备案。
五、总结
对于个人博客、项目文档、产品宣传页这类纯静态站点,OBS+CDN 组合是性价比很高的方案。不用管理云服务器,部署简单,扩容省心。写好的 Markdown 文档通过工具生成静态页面,一键上传 OBS 即可对外发布。
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)