初识 Astro 框架

最近我开始使用 Astro 来搭建自己的个人博客，在这里记录一下我的学习心得。

为什么选择 Astro

在众多静态网站生成器中，我最终选择了 Astro，原因有以下几点：

• 零 JavaScript 默认输出：Astro 默认不向客户端发送任何 JavaScript，这意味着页面加载速度极快。
• 内容优先：Astro 天生就是为内容驱动的网站设计的，非常适合博客。
• 灵活的组件支持：你可以在 Astro 中使用 React、Vue、Svelte 等任何你喜欢的框架组件。
• 简洁的语法：.astro 文件的语法简洁直观，上手非常容易。

项目结构

Astro 的项目结构很清晰：

src/
├── components/    # 可复用组件
├── content/       # 内容集合（博客文章）
├── layouts/       # 页面布局
├── pages/         # 路由页面
└── styles/        # 全局样式

每个目录都有明确的职责，让代码组织变得非常自然。

内容集合

Astro 的内容集合功能让管理博客文章变得很方便。只需要在 src/content/blog/ 目录下创建 Markdown 文件，添加 frontmatter 元数据，就可以自动生成对应的页面。这种方式既简单又类型安全。

总结

Astro 是一个非常适合搭建博客的框架。它的设计理念——内容优先、性能至上——与个人博客的需求完美契合。如果你也在寻找一个轻量、快速的博客方案，不妨试试 Astro。