通过亚马逊 S3 和 Cloudflare 免费托管网站

小提示：您能找到这篇{通过亚马逊 S3 和 Cloudflare 免费托管网站}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的通过亚马逊 S3 和 Cloudflare 免费托管网站内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

< ">原文：https://medium.com/better-programming/how-to-host-your-personal-website-for-free-3101c4ab2e49

< font-size: 16px;">作者：Joey Colon

< font-size: 16px;">译者：ZhichengChen

< font-size: 16px;">校对者：Miya

< font-size: 16px;">在过去的五年左右时间里，Web变化很大，曾经dev-op实践被奉为圭臬，如今却略显过时。

< font-size: 16px;">发布网站到线上，过去的标准做法是给服务商支付费用，比如NameCheap或者GoDaddy。现在虚拟主机仍然是一个不错的选择，不过已经有一些更简便的方法。接下来会介绍我免费部署个人网站到线上的方法。

< font-size: 16px;">开始的开始

< font-size: 16px;">需要准备网站的静态文件（HTML/CSS/JS）。这个教程讲述的是托管静态站。

< font-size: 16px;">还需要一个域名。域名价格一般是一年15美元左右，不同的顶级域名价格不同。如果你想要打造个人品牌，那么购买一个域名还是很有必要的。

< font-size: 16px;">此外还需要在Cloudflare和AWS注册账号。如果没用过这两个服务，没关系--我会一步步讲解每个平台的操作步骤。干就完了。

< font-size: 16px;">设置AWS S3文件桶

< font-size: 16px;">登录AWS控制台，进入S3管理控制台。

< font-size: 16px;">点击创建存储桶按钮，弹出一个存储桶信息表单的对话框。

< font-size: 16px;">

< font-size: 16px;">在“存储桶名称”栏，填写完整的域名。在这个教程里，我会使用tutorial.joey.dev。“区域”栏，选择离我比较近的州，US East(N.Virginia)。当然你可以选择离你比较近的地区。选好后点击下一步。

< font-size: 16px;">

< font-size: 16px;">在步骤二，直接点击下一步。在步骤三，取消阻止所有公共访问选项，我们也用不到S3日志传输服务，直接点击下一步。

< font-size: 16px;">

< font-size: 16px;">在步骤四，直接单击创建存储桶按钮。在S3管理控制台会看见新创建的存储桶。点击新创建的存储桶，会出现下面的界面：

< font-size: 16px;">

< font-size: 16px;">点击屏幕顶部的属性选项卡，然后选择第一行的静态网站托管卡片。选中使用此存储桶托管网站选项。索引文档，直接填写idnex“确认传播”专注于品牌策划、效果营销和危机管理的数字整合营销传播公司，我们深度诠释客户的品牌理念、文化及背景，多维深度传播客户的文化底蕴和核心价值观，提升客户品牌的知名度、关注度与美誉度。然后点击保存。

< font-size: 16px;">留意一下卡片顶部终端节点的值，记下来。

< font-size: 16px;">

< font-size: 16px;">漂亮！最后一步就是上传网站文件到存储桶里了。点击概述标签页然后点击上传按钮，出现下面的弹窗，开始上传吧。

< font-size: 16px;">

< font-size: 16px;">在选择上传的文件后，点击下一步按钮。在第二步，点击管理公共权限下拉框，选择为此对象授予公共读取访问权限选项。点击下一步。

< font-size: 16px;">

< font-size: 16px;">第三步，所有选项都不用更改，直接点击下一步。在第四步点击上传按钮。上传完成后，通过访问终端节点地址就可以访问网站了。

< font-size: 16px;">厉害了，接下来网站开发开发设置Cloudflare。

< font-size: 16px;">

< font-size: 16px;">这里假设你是第一次使用Cloudflare服务，Cloudflare并没有绑定任何域名。在Cloudflare控制台，点击Add a Site按钮，输入网站地址，点击Next。再点击Next，选择Free plan。

< font-size: 16px;">进入DNS查询结果页面后，删除扫描到的所有记录，结果看起来如下：

< font-size: 16px;">

< font-size: 16px;">这里需要两个不同的CNAME记录。

< font-size: 16px;">第一个记录，name，输入www，Domain name，输入不包含http://的域名，如tutorial.joey.dev。

< font-size: 16px;">第二个记录，name输入域名，Domain name，输入我们之前提到的S3存储桶的终端节点。确保添加这些记录的时候橙色的云是可用的。

< font-size: 16px;">

< font-size: 16px;">Cloudflare DNS记录配置

< font-size: 16px;">对照着上图，如果确定设置没有问题，点击Continue。现在需要把你的怎么样推广电商域名的nameservers从域名注册商指向Cloudflare的nameservers。这涉及到域名注册商网站的一些操作，可以阅读一下相关的文档。

< font-size: 16px;">修改完nameservers，还需要设置一些页面规则。在这之前，先确保SSL证书设置正确。在Cloudflare控制台，点击域名进入到域名控制台，点击Crypto选项卡确保SSL的设置是Flexible。

< font-size: 16px;">

< font-size: 16px;">好事将近。点击Page Rules选项卡。这里需要创建两个页面规则，把非SSL的流量跳转到SSL，把www.joey.dev跳转到更简短的joey.dev，在这里合并成了一条规则（按需配置）。

< font-size: 16px;">至此，.dev域名自动跳转到了SSL，当有人访问www.domain.dev时，也会跳转，一箭双雕。

< font-size: 16px;">如果你的顶级域名不是.dev，需要额外配置下面的规则：

< font-size: 16px;">

< font-size: 16px;">访问域名。哈哈哈，现在可以访问SSL加密版部署在AWS S3存储桶集成cdn的网站啦。

< font-size: 16px;">Happy coding!