simple static website

简单的静态网站

使用单个 AWS CloudFormation 脚本创建简单、廉价、CDN 支持的静态网站。非常适合使用静态站点生成器构建的站点，例如 Gatsby、Hugo、11ty；无状态 React 应用程序；或者只是普通的旧 HTML、CSS 和图像文件。

指示

1. 在此处注册 AWS 域

2. 在 Route53 中为该域创建了托管区域

3. 使用simple-static-website.yaml模板创建新的 CloudFormation 堆栈。由于 CloudFront 的限制，这必须在us-east-1中完成。

4. 提供参数：

   • 域名
   • 网站名称
   • HostedZoneId（使用控制台，将提供列表）
   • BucketName（可选），如果您想使用现有存储桶。如果留空，CloudFormation 将从 URL 子域生成存储桶名称。

5. 使用控制台或 awscli 配置 CloudFormation 堆栈：

    aws cloudformation deploy 
       --stack-name foo 
       --template-file simple-static-website.yaml 
       --parameter-overrides 
           DomainName=example.com 
           HostedZoneId=ABCDEFGHIJK0123456789 
           WebsiteName=www
   

6. 将一个简单的index.html 文件放入新创建的S3 存储桶中。检查堆栈的 CloudFormation 输出以获取示例 awscli 命令。

7. 通过您提供的域名访问您的新网站。请参阅 URL 的 CloudFormation 输出。

使用内容分发网络 (CDN) 的注意事项

请记住，CloudFront CDN 会将您的网站缓存在世界各地的多个位置。如果您更改站点，则必须使缓存失效。需要收费，但总的来说，这是一个非常便宜的设置，因为它不运行任何服务器。

致谢

该脚本的灵感来自于 Alain Seng 的优秀博客文章，以及通过 Amazon 现已停用的 CloudFormer 模板运行的现有手动配置站点的输出。 CloudFormer 是一个出色的工具，但由于该解决方案向用户开放的 CVE 数量不断增加，它已被 Amazon 掩盖。 karimelmel 对此有一篇很好的文章。感谢 eisenhowerj 改进了我的 CloudFormation 脚本并添加了新功能。