入门指南

静态站点生成器 🚀 随意搭配框架 🚀 更少的 JavaScript

试用 Astro

无论是在浏览器中还是在本地你都可以很快地用上 Astro！

最简单的“先试后买”方式就是打开 astro.new，从中挑选一个入门模板，然后就可以在浏览器中体验完全可用的 Astro 了！

或者你也可以点击下方任一按钮，快速启动基础入门项目。

准备好安装了吗？

简单跟随 create-astro CLI 指引，很快就能在本地启动并运行新项目!

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

⚙️ 我们的安装指南有完整的、分步骤说明，无论你想用哪个软件包管理器安装 Astro。

⚙️ 请参阅手动设置的说明。

随意选择来丰富你的网站内容或功能！

🏗️ 给你的站点添加新的 Astro (.astro) 页面或是 Markdown (.md) 页面。

🏗️ 创建你的第一个布局。

🏗️ 给你的站点添加额外的 CSS 和样式。

…… 在特性下查看更多内容

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

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

📚 了解 Astro 的模板指令。

📚 探索 Astro 的运行时 API。

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

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

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

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

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

加入我们的 Astro Discord 服务器，同活跃且友好的社区分享并获得帮助！

💬 在 #introduce-yourself 频道中打声招呼吧!

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

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

这些文档是它们帮忙带到你面前的。你可以在 GitHub 上加入我们！