为什么选择 Astro?
在众多静态站点生成器中,我选择了 Astro,原因很简单:
零 JS 默认
Astro 默认输出纯 HTML,不会往页面里塞多余的 JavaScript。这意味着:
- 页面加载飞快 ⚡
- 对 VPS 友好,不需要跑 Node 服务
- 适合博客这种以内容为主的站点
Markdown 原生支持
写文章就是写 Markdown 文件:
---
title: 我的新文章
date: 2026-05-18
---
这里是正文...
内容集合
Astro 的内容集合(Content Collections)提供了类型安全的文章管理:
- 自动校验 frontmatter 字段
- 方便按日期、标签等筛选
- TypeScript 类型提示
部署方案
这个博客的部署流程非常简单:
- 本地写好 Markdown 文章
- 运行
npm run build生成静态文件 - 把
dist/目录上传到 VPS - Nginx 托管静态文件
- 用 certbot 签发 HTTPS 证书
样式设计
博客采用了软萌手账风格:
| 元素 | 风格 |
|---|---|
| 背景 | 奶油白配浅粉点缀 |
| 卡片 | 大圆角 + 柔和阴影 |
| 装饰 | 贴纸感小元素 |
| 字体 | 系统默认,干净清爽 |
写在最后
搭建博客的过程本身就是一件很开心的事。希望这个小站能给你带来一点甜甜的感觉 🍬