从十一迁移

Eleventy 是一个开源静态站点生成器，适用于多种模板语言。

¥Eleventy is an open-source static site generator that works with multiple template languages.

Eleventy (11ty) 和 Astro 之间的主要相似之处

¥Key Similarities between Eleventy (11ty) and Astro

Eleventy (11ty) 和 Astro 有一些相似之处，可以帮助你迁移项目：

¥Eleventy (11ty) and Astro share some similarities that will help you migrate your project:

Astro 和 Eleventy 都是现代的、基于 JavaScript (Jamstack) 的网站构建器。
Astro 和 Eleventy 都允许你使用用于数据的无头 CMS、API 或 Markdown 文件。你可以继续使用你喜欢的内容创作系统，并能够保留现有内容。

Eleventy (11ty) 和 Astro 之间的主要区别

¥Key Differences between Eleventy (11ty) and Astro

当你在 Astro 中重建 Eleventy (11ty) 站点时，你会注意到一些重要的差异：

¥When you rebuild your Eleventy (11ty) site in Astro, you will notice some important differences:

Eleventy 支持多种模板语言。Astro 支持包括来自多个流行 JS 框架的组件（例如 React、Svelte、Vue、Solid），但大多数页面模板使用 Astro 布局、页面和组件。
Astro 对所有文件（包括站点元数据）使用 src/ 目录，这些文件可在站点构建期间查询和处理。其中有一个用于基于文件的路由的特殊 src/pages/ 文件夹。
Astro 使用 public/ 静态资源文件夹，在构建过程中不需要进行处理或转换。
在 Eleventy 中，打包 CSS、JavaScript 和其他资源需要手动配置。Astro 开箱即用地为你处理这个问题。

从 Eleventy 切换到 Astro

¥Switch from Eleventy to Astro

要将 Eleventy 博客转换为 Astro，请从我们的博客主题入门模板开始，或在我们的主题展示中探索更多社区博客主题。

¥To convert an Eleventy blog to Astro, start with our blog theme starter template, or explore more community blog themes in our theme showcase.

你可以将 --template 参数传递给 create astro 命令，以使用我们的官方启动器之一启动一个新的 Astro 项目。或者，你可以从 GitHub 上任何现有的 Astro 存储库启动一个新项目。

¥You can pass a --template argument to the create astro command to start a new Astro project with one of our official starters. Or, you can start a new project from any existing Astro repository on GitHub.

npm create astro@latest -- --template blog

pnpm create astro@latest --template blog

yarn create astro --template blog

将你现有的 Markdown（或 MDX，带有我们的可选集成）文件作为内容添加到创建 Markdown 或 MDX 页面。

¥Bring your existing Markdown (or MDX, with our optional integration) files as content to create Markdown or MDX pages.

你的 Eleventy 项目允许你使用各种模板语言来构建你的网站。在 Astro 项目中，你的页面模板主要通过 Astro 组件来实现，这些组件可以用作 UI 元素、布局甚至整个页面。你可能想探索 Astro 的组件语法以了解如何使用组件在 Astro 中进行模板化。

¥Your Eleventy project allowed you to use a variety of templating languages to build your site. In an Astro project, your page templating will mostly be achieved with Astro components, which can be used as UI elements, layouts and even full pages. You may want to explore Astro’s component syntax to see how to template in Astro using components.

要转换其他类型的网站，例如作品集或文档网站，请参阅 astro.new 上的更多官方入门模板。你将找到每个项目的 GitHub 存储库的链接，以及在 IDX、StackBlitz、CodeSandbox 和 Gitpod 在线开发环境中打开工作项目的一键链接。

¥To convert other types of sites, such as a portfolio or documentation site, see more official starter templates on astro.new. You’ll find a link to each project’s GitHub repository, as well as one-click links to open a working project in IDX, StackBlitz, CodeSandbox and Gitpod online development environments.