21、Eleventy 网站部署与发布全流程指南

Eleventy 网站部署与发布全流程指南

1. 网站优化与测试回顾

在正式部署网站之前，我们对网站进行了一系列优化和测试工作。

首先，考虑让网站图片具有响应式效果。由于多数图片通过 Markdown 引用，这可能需要一些工作，但创建让图片更具响应性的方案并非难事。此外，探索使用 WebP 等高性能格式是个不错的选择，它能减小图片大小，不过仅在近两三年的较新浏览器中得到支持。

接着，我们探讨了调整网站的一些选项，虽无法涵盖所有方面，但讨论了一些能快速提升代码整体外观的方法。之后，我们添加了一些新功能，鉴于网站即将发布，选择了一些较小但能为用户带来较大益处的功能。

然后，我们使用 Cypress 搭建了一个基本的单元测试套件，并添加了简单测试，主要是为了验证 Cypress 能正常工作。全面的测试超出了本文范围，但在相关代码下载中包含了一些额外测试。

最后，我们使用 Chrome 的 Lighthouse 工具进行了初步的性能和质量检查。该工具会报告一些问题，虽然在现实中很难在四个目标领域都达到 100%，但它能帮助我们快速改进代码。

2. 部署前的准备工作

现在，我们要将网站正式发布到生产环境。Eleventy 使部署和发布变得容易，我们可以设置自动化系统上传到 GitHub 或 GitLab，然后部署到 Netlify、Heroku 甚至 AWS 等不同主机。

2.1 选择托管平台

有多种托管提供商可供选择，如 Vercel、Now、Netlify、Amazon AWS 等。个人比较推荐使用 GitHub Pages，原因如下：
-