纯 HTML 静态网站部署

• 访问 aliyun.com，点击右上角「免费注册」
• 使用手机号完成注册
• 进入控制台 → 右上角头像 → 「实名认证」（个人认证即可）
• 充值 ¥10 备用（OSS 费用约 ¥0.12/GB/月）
• 搜索「对象存储 OSS」→ 开通服务（免费开通）

控制台操作路径

对象存储 OSS → Bucket 列表 → 创建 Bucket

操作路径

进入你的 Bucket → 左侧菜单「数据管理」→「静态页面」

方式 A：控制台拖拽上传（最简单）

• 进入 Bucket → 文件列表 → 上传文件
• 直接将所有 HTML/CSS/JS/图片文件拖入上传区域
• 等待上传完成，确认文件列表中出现你的文件

方式 B：ossutil 命令行（推荐，支持批量同步）

# 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/

方式 C：ossbrowser 图形界面

• 下载 ossbrowser（阿里云官方 GUI 工具，支持 Win/Mac/Linux）
• 输入 AccessKey 登录
• 找到你的 Bucket，直接拖拽文件夹上传

推荐的目录结构

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

5.1 购买域名（已有域名跳过）

• 阿里云控制台 → 域名 → 注册域名
• 搜索想要的域名，.com 约 ¥55/年，.cn 约 ¥29/年
• 完成购买，等待注册成功邮件

5.2 绑定域名到 OSS

• 进入 Bucket → 数据管理 → 自定义域名 → 绑定域名
• 输入你的域名：www.yourdomain.com
• 勾选「自动添加 CNAME 记录」（如果域名在阿里云购买）
• 如果域名在其他平台，需手动添加 CNAME 记录

5.3 手动添加 DNS 解析（其他域名平台）

5.4 开启 HTTPS（免费证书）

• OSS → 你的域名 → 证书托管 → 上传证书
• 或者：阿里云 → 数字证书管理 → 免费证书 → 申请（每年 20 个免费）
• 申请完成后下载，在 OSS 域名绑定处上传证书文件
• 开启「强制 HTTPS」，自动将 HTTP 跳转到 HTTPS

• 控制台 → CDN → 添加域名
• 业务类型选「图片小文件」
• 源站配置选「OSS 域名」，选择你的 Bucket
• 修改 DNS：将 CNAME 由 OSS 地址改为 CDN 提供的 CNAME
• 等待 DNS 生效（5–30分钟）