入门指南

Astro 3.0 版本重磅来袭！

Astro v3 有什么新功能？ 在我们的公告博客文章中找到它们。
准备好升级了？ 请遵循我们的升级指南。

什么是 Astro

Astro 是集多功能于一体的 Web 框架，用于构建快速、以内容为中心的网站。

主要特性

• 组件群岛: 用于构建更快网站的全新 web 架构。
• 服务器优先的 API 设计: 移除客户端上高资源消耗的激活过程。
• 默认零 JS: 没有 JavaScript 运行时开销来减慢你的速度。
• 边缘就绪: 在任何地方部署，甚至像 Deno 或 Cloudflare 这样的全球边缘运行时。
• 可定制: Tailwind, MDX 和 100 多个其他集成可供选择。
• 不依赖特定 UI: 支持 React, Preact, Svelte, Vue, Solid, Lit 等等。

有关 Astro 功能的详细信息，请查阅为什么选择 Astro 的详细说明。✨

在你的浏览器中尝试 Astro

访问 astro.new，从海量的模板中挑选一个自己喜欢的，然后就可以在你的浏览器中体验完整且可用的 Astro 了！

启动基础模板 查看所有模板 →

开始你的第一个项目

准备好了？你可以使用create astro，这是我们为你准备的 CLI 向导 ，它将帮助你在本地快速配置并启动一个新的 Astro 项目！

npm

# 使用 npm 创建新项目
npm create astro@latest

pnpm

# 使用 pnpm 创建新项目
pnpm create astro@latest

Yarn

# 使用 yarn 创建新项目
yarn create astro

我们的安装指南提供了使用 CLI 向导安装 Astro 、从现有 Astro GitHub 存储库创建新项目以及手动安装 Astro 的完整的分步说明。

学习 Astro

查看 Astro 网站的一些关键概念和模式的示例！

📚 添加第一个页面到你的网站。

📚 阅读更多关于 Astro 项目结构的信息。

📚 了解 Astro 基于文件的路由。

… 在参考资料中找到更多资料。

进阶 Astro

🧰 使用预建主题开始你的下一个项目。

🧰 使用官方或社区提供的插件或组件来定制你的网站。

🧰 访问我们的网站展示来获得灵感。

… 参见我们的集成使用指南。

加入我们的社区

加入我们的 Astro Discord 服务器，同活跃且友好的社区分享你的经验成果，也可以在那里寻求社区的帮助！

💬 在 #general 频道中打声招呼吧！

💬 在 #support 频道中向我们的支持小组提出问题！

💬 在 #showcase 频道中分享你的成果！

了解更多

Astro 博客

Astro 更新日志

翻译

你所阅读文档的中文版本是他们所贡献的。如果你感兴趣，也可以帮助我们翻译！

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

贡献

这些热心的朋友撰写了这份文档。你可以在 GitHub 上加入我们！

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•