Hello World — 我的第一篇博客

#astro #博客

为什么选择 Astro？

在 2026 年搭建一个个人博客，Astro 几乎是默认的最佳选择。以下是它打动我的几个点：

1. 极致的性能

Astro 默认输出纯静态 HTML，不打包任何 JavaScript 运行时。这意味着读者打开一篇文章只需要下载 15KB 左右的 HTML，首屏加载时间不到 0.6 秒。

相比之下，基于 Next.js 的博客会让每个读者下载约 85KB 的 React 框架代码——仅仅为了看一篇纯文本文章。

2. 岛屿架构

Astro 的核心理念是”岛屿架构”：

  • 大部分内容是静态 HTML（文章正文、导航、页脚）
  • 只在需要交互的地方加载 JavaScript（评论区、搜索框）
  • 每个”岛屿”独立加载，互不影响

这意味着你可以用 React、Vue 甚至 Svelte 写交互组件，而不拖累整站的性能。

3. Content Collections

Astro 内置的 Content Collections 让 Markdown 写作变得非常愉快：

---
title: "文章标题"
publishedAt: 2026-05-20
tags: ["tech", "life"]
---

文章内容...

通过 Zod schema 校验，你的 frontmatter 是类型安全的。写错字段？构建时报错，不会偷偷上线。

4. 部署简单

npm run build 产出的是一个 dist/ 文件夹，里面全是静态文件。往 Nginx 上一扔就完事了，不需要 Node 进程守护，不需要数据库，不需要缓存层。

接下来写什么？

我计划围绕这些主题写作：

  • 前端开发中的实践经验
  • 工具和效率
  • 读书笔记

如果你有想讨论的话题，欢迎在评论区留言。

评论