一、为什么选择 S3 托管静态网站？
零服务器运维
告别传统服务器维护，S3 直接存储 HTML/CSS/JS 文件
自动扩展能力，百万级访问无需扩容（实测支持 5000+TPS）
成本节约 90%
按实际用量计费：$0.023/GB存储 + $0.0004 / 千次请求
全球加速优势
结合 CloudFront CDN，实现毫秒级全球访问
SSL 证书自动部署（支持 HTTPS 加密）
二、四步搭建实战指南
▶ 第一步：创建 S3 存储桶
登录 AWS 控制台 → S3 服务 → “创建存储桶”
关键配置：
名称：必须与域名完全一致（如www.example.com）
区域：选择离用户最近的区域（亚洲推荐新加坡 ap-southeast-1）
阻止公共访问：取消勾选（重要！）
▶ 第二步：上传网站文件
文件结构要求：
s3-bucket/
├── index.html // 默认首页
├── error.html // 自定义404页面
├── css/
└── images/
批量上传技巧：
使用 AWS CLI 命令同步：
aws s3 sync ./local_folder s3://bucket-name –delete
▶ 第三步：开启静态网站托管
存储桶属性 → “静态网站托管” → 选择 “启用”
设置：
索引文档：index.html
错误文档：error.html
▶ 第四步：权限配置（关键安全设置按需配置）
三、高阶优化技巧
加速秘籍
启用 S3 传输加速（跨大陆上传提速 50%）
设置 Cache-Control 头：max-age=31536000（静态资源 1 年缓存）
自定义域名
在 Route 53 购买域名 → 创建 CNAME 指向 S3 终端节点
免费 SSL 技巧：通过 CloudFront 自动签发证书
安全防护
开启 WAF 防护 SQL 注入 / XSS 攻击
设置 S3 存储桶版本控制（防误删）
四、避坑指南（实测经验）
⚠️常见故障排查：
403 访问拒绝 → 检查存储桶策略 + ACL 权限
CSS/JS 加载失败 → 确认文件 Content-Type 正确（如 text/css）
国内访问慢 → 启用 CloudFront 中国区加速节点
