使用阿里云 OSS 对象存储，5步完成部署，月费不超过 ¥5，全球访问
理解为什么 OSS 可以直接托管网站
对象存储（Object Storage Service）不是传统的文件系统，而是以 键值对 方式存储数据：每个对象（文件）有唯一的 Key（路径），通过 HTTP URL 即可直接访问。与 ECS 云服务器不同，OSS 无需运行操作系统和进程，只存储和分发文件。
| 概念 | 含义 | 类比 |
|---|---|---|
| Bucket（桶） | 对象存储的顶层容器，相当于一个独立的存储空间 | 一个网盘账号 |
| Object（对象） | 桶中存储的单个文件，有唯一路径和元数据（ContentType 等） | 网盘中的一个文件 |
| Endpoint（端点） | 访问 OSS 的域名地址，如 oss-cn-shanghai.aliyuncs.com | 服务器地址 |
| AccessKey | 由 ID + Secret 组成的认证凭证，用于 API 访问 | 账号密码 |
| CNAME | DNS 别名记录，将自定义域名指向 OSS 的域名 | 给服务器地址起别名 |
开启静态网站托管后，当用户访问 http://bucket名.oss-cn-shanghai.aliyuncs.com/ 时，OSS 不再返回原始对象列表，而是：
/，则返回配置的默认首页（index.html）HTTPS = HTTP + TLS 加密层。TLS（Transport Layer Security）在 TCP 连接建立后进行握手，协商加密算法和密钥，之后所有 HTTP 报文都经过加密传输，防止中间人窃听或篡改。现代浏览器将未加密的 HTTP 网站标记为"不安全"，影响 SEO 排名和用户信任度。
完成注册与实名认证，开通 OSS 服务
Bucket 是存放网站文件的容器，相当于一个网络硬盘文件夹
对象存储 OSS → Bucket 列表 → 创建 Bucket
| 配置项 | 推荐值 | 说明 |
|---|---|---|
| Bucket 名称 | my-website-2024 | 全局唯一，只能用小写字母、数字、连字符 |
| 地域 | 华东1（上海） | 选离目标用户最近的地区 |
| 存储类型 | 标准存储 | 网站用标准存储，读写速度最快 |
| 读写权限 | 公共读 | 必须选公共读，否则访客无法访问 |
| 版本控制 | 不开启 | 个人网站无需版本控制 |
让 OSS 识别你的 HTML 文件作为网站主页
进入你的 Bucket → 左侧菜单「数据管理」→「静态页面」
| 配置项 | 填写值 |
|---|---|
| 默认首页 | index.html |
| 默认 404 页 | 404.html（可选，没有留空） |
| 子目录首页 | 开启（推荐） |
http://bucket名.oss-cn-shanghai.aliyuncs.com 会自动显示 index.html。三种方式：控制台拖拽 / ossutil 命令行 / ossbrowser 图形界面
# macOS brew install ossutil # Windows — 下载 exe 文件后添加到 PATH # https://help.aliyun.com/document_detail/120075.html # Linux curl -o ossutil https://gosspublic.alicdn.com/ossutil/1.7.19/ossutil64 chmod 755 ossutil ./ossutil config
# 配置（需要 AccessKey ID 和 Secret） # 在控制台 → 右上角头像 → AccessKey 管理 获取 ossutil config # 依次输入： # Endpoint: oss-cn-shanghai.aliyuncs.com # AccessKey ID: 你的ID # AccessKey Secret: 你的Secret # 上传整个网站目录 ossutil cp -r ./my-website/ oss://my-bucket-name/ --update # 同步（删除云端多余文件） ossutil sync ./my-website/ oss://my-bucket-name/ --delete # 验证文件已上传 ossutil ls oss://my-bucket-name/
my-website/ ├── index.html # 首页（必须） ├── 404.html # 错误页（推荐） ├── about.html ├── contact.html ├── project-a/ │ ├── index.html # 访问 /project-a/ 自动加载 │ └── demo.html ├── project-b/ │ └── index.html ├── css/ │ └── style.css ├── js/ │ └── main.js └── images/ └── logo.png
将 yourname.com 指向 OSS，并开启免费 SSL 证书
| 记录类型 | 主机记录 | 记录值 | TTL |
|---|---|---|---|
| CNAME | www | my-bucket.oss-cn-shanghai.aliyuncs.com | 10分钟 |
| CNAME | @ | my-bucket.oss-cn-shanghai.aliyuncs.com | 10分钟 |
全国各地访问速度提升 3–10倍，月费约 ¥5–20
个人展示网站月费极低
| 问题 | 解决方案 |
|---|---|
| 访问返回 AccessDenied | 检查 Bucket 权限是否设为「公共读」 |
| 访问返回 404 | 检查静态托管中「默认首页」是否设为 index.html |
| 样式/图片加载失败 | 检查文件路径，OSS 路径区分大小写 |
| CNAME 解析未生效 | 等待 5–30 分钟，或清除本地 DNS 缓存 |
| HTTPS 证书申请失败 | 确认 DNS 已正确解析到阿里云，然后重新申请 |
| 更新文件后访客看到旧版本 | 上传时加 --update 参数，或开启 CDN 后手动刷新缓存 |
Index.html 和 index.html 是不同的对象。静态托管的默认首页是精确匹配 index.html（小写），大写开头的文件不会被识别。统一使用小写文件名可避免此问题。