为什么选择 Astro?

在众多静态站点生成器中,我选择了 Astro,原因很简单:

零 JS 默认

Astro 默认输出纯 HTML,不会往页面里塞多余的 JavaScript。这意味着:

  • 页面加载飞快 ⚡
  • 对 VPS 友好,不需要跑 Node 服务
  • 适合博客这种以内容为主的站点

Markdown 原生支持

写文章就是写 Markdown 文件:

---
title: 我的新文章
date: 2026-05-18
---

这里是正文...

内容集合

Astro 的内容集合(Content Collections)提供了类型安全的文章管理:

  • 自动校验 frontmatter 字段
  • 方便按日期、标签等筛选
  • TypeScript 类型提示

部署方案

这个博客的部署流程非常简单:

  1. 本地写好 Markdown 文章
  2. 运行 npm run build 生成静态文件
  3. dist/ 目录上传到 VPS
  4. Nginx 托管静态文件
  5. 用 certbot 签发 HTTPS 证书

样式设计

博客采用了软萌手账风格:

元素风格
背景奶油白配浅粉点缀
卡片大圆角 + 柔和阴影
装饰贴纸感小元素
字体系统默认,干净清爽

写在最后

搭建博客的过程本身就是一件很开心的事。希望这个小站能给你带来一点甜甜的感觉 🍬