部署
Contents
现在你已经使用 Eleventy 构建了一个网站（甚至是单个 HTML 页面），接下来你可能希望把它放在网络上让大家都能看到！有很多不同的方法可以做到这一点！
默认情况下，标准的 Eleventy 构建（例如 运行 npx @11ty/eleventy）是 生产就绪构建。Eleventy 不会为开发和生产而改变其内部构建行为。
如果你想自定义 Eleventy 来执行自己的本地开发/生产优化，那么 环境变量 是实现该目标的常用解决方案。
提供商 Jump to heading
看看下面的列表，了解将你的 Eleventy 项目部署到何处的想法。有许多部署选项可用，这并非一份详尽的列表。
经典 Web 主机 Jump to heading
Eleventy 可以与支持静态文件的任何 Web 主机协同工作！
使用这些主机，部署 不会 自动触发，因此在你运行 Eleventy 构建命令后，你需要手动将 Eleventy 输出目录（默认为 _site）上传到主机。
如果你不熟悉源代码控制（例如 git 或 GitHub），这是个不错的起点。
Jamstack 提供商 Jump to heading
当你将文件提交到你的源代码存储库（GitHub、GitLab、Codeberg 等）时，Jamstack 提供商可以自动触发你的 Eleventy 构建命令，并为你部署 Eleventy 的构建输出目录。
使用 npm 脚本 Jump to heading
通过 Jamstack 提供商部署 Eleventy 时的一个常见做法是使用 npm 脚本运行构建命令。这是在 package.json 文件中配置的，可能如下所示：
{
"scripts": {
"build": "npx @11ty/eleventy"
}
}这使你能够配置你的主机来运行 npm run build，并允许你在代码中对该命令做出未来的更改，而不是主机配置。
网页编辑 Jump to heading
有一些很棒的 Web 编辑器可以让你在线运行和编辑 Eleventy 项目！以下是几个选项：
保留缓存 Jump to heading
Eleventy Fetch 插件（以及 Eleventy Image）使用 .cache 文件夹来避免重复昂贵的网络请求。在你的托管提供商的构建服务器上，当你启动构建时，此文件夹通常是空的，因为你 肯定没有将你的 .cache 文件夹检入到 git（对吧？）。
一些 Jamstack 提供商具有其他功能，可以在构建之间保留此文件夹，重新使用缓存并加快构建速度。以下列举了几个：
- CloudCannon：使用 保留路径。YouTube 上的教程。
- Vercel：零配置支持（当检测到 Eleventy 框架 时，源代码）。
- Cloudflare Pages：尚未支持，但我们一直在与团队合作添加它——敬请期待！
- GitHub Pages：使用
cache操作。下面包含小教程 - Netlify：使用
netlify-plugin-cache。下面包含小教程。YouTube 上的视频。