用 Astro 搭建个人网站

·
devastro

选择一个技术栈来搭建个人网站，其实是一个关于「够用就好」的决策。

为什么是 Astro

市面上有太多选择：Next.js、Hugo、Gatsby、11ty……每一个都有自己的优势。但对于一个以内容为主的个人博客来说，Astro 的哲学最合我意：

  • 默认零 JavaScript — 博客不需要客户端 JS
  • 内置内容集合 — Markdown/MDX 原生支持，写文章只需要新建一个 .mdx 文件
  • 岛屿架构 — 如果未来需要交互组件，按需引入即可

内容管理

写一篇新文章的流程非常简单：

# 在 content/blog/ 下新建文件
touch src/content/blog/my-new-post.mdx

文件头部用 frontmatter 定义元数据：

---
title: "文章标题"
description: "一句话描述"
date: 2026-04-14
tags: ["dev"]
---

然后就是正文。支持所有 Markdown 语法，也支持 MDX（在 Markdown 中嵌入组件）。

部署

推到 GitHub，Vercel 自动构建部署。整个流程：

  1. 写文章
  2. git push
  3. 上线

没有比这更简单的了。