跳转到内容

入门指南

什么是 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 项目!

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

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

学习 Astro

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

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

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

📚 了解 Astro 基于文件的路由

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

进阶 Astro

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

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

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

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

加入我们的社区

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

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

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

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

了解更多

Astro 博客

Astro 更新日志

翻译

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

贡献

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