Hello World — 博客搭建完成
· 1 min read
为什么要写博客
作为一个开发者,写博客是记录成长、分享知识的最佳方式之一。选择 Astro + TailwindCSS 这套组合,有几个理由:
- 纯静态输出 — 没有数据库,一键部署到 Vercel,免费且快速
- Markdown 写作 — 本地
.md文件即文章,版本可控,迁移方便 - SEO 友好 — 自动生成 sitemap、RSS、结构化数据
- 极致性能 — Astro 默认零 JS,Lighthouse 满分
技术栈一览
| 功能 | 方案 |
|---|---|
| 框架 | Astro 5.x |
| 样式 | TailwindCSS 4 |
| 评论 | Giscus (GitHub Discussions) |
| 部署 | Vercel |
| 代码高亮 | rehype-pretty-code |
| SEO | @astrojs/sitemap + 自定义 meta |
代码示例
// 内容集合的类型安全 Schema
import { defineCollection, z } from "astro:content";
const posts = defineCollection({
schema: z.object({
title: z.string(),
description: z.string(),
pubDate: z.date(),
tags: z.array(z.string()),
}),
});这就是 Astro 的强大之处——用 Zod schema 保证每篇文章的 frontmatter 类型安全,构建时就能发现错误。
后续计划
接下来我会继续完善这个博客,添加更多功能:
- ☑️ 暗色模式切换
- ☑️ RSS 订阅
- ☐ 全文搜索
- ☐ 图片懒加载优化
- ☐ 国际化支持
Stay tuned! 🚀