开始使用 Astro 构建现代网站

什么是 Astro？

Astro 是一个现代化的静态站点生成器，它的核心理念是：默认零 JavaScript。这意味着你的页面在加载时不需要下载和执行任何 JavaScript，从而实现极致的性能。

Astro 的核心特性

1. Islands 架构

Astro 引入了 Islands（岛屿）架构的概念。你可以将页面的大部分保持为静态 HTML，只在需要交互的地方添加 JavaScript “岛屿”。

---
// 静态部分 - 无 JavaScript
---
<header>静态标题</header>

<!-- 交互式岛屿 - 按需加载 -->
<SearchComponent client:load />

2. 框架无关

Astro 支持多种前端框架：

• React
• Vue
• Svelte
• Preact
• SolidJS
• Alpine.js

3. 内容优先

Astro 专门为内容丰富的网站设计，如：

• 博客
• 文档网站
• 营销页面
• 作品集

快速开始

# 创建新项目
npm create astro@latest

# 进入项目目录
cd my-astro-project

# 启动开发服务器
npm run dev

为什么选择 Astro？

特性	Astro	其他框架
默认 JS 大小	0 KB	几十 KB
性能	极佳	良好
学习曲线	平缓	陡峭
内容支持	原生	需配置

总结

Astro 是一个专注于内容、性能优先的现代框架。如果你正在构建一个以内容为主的网站，Astro 是一个绝佳的选择。

---

想了解更多？访问 Astro 官方文档 开始你的学习之旅！