🏠 My Blog
Hello World — 博客搭建完成

Hello World — 博客搭建完成

· 1 min read

为什么要写博客

作为一个开发者,写博客是记录成长、分享知识的最佳方式之一。选择 Astro + TailwindCSS 这套组合,有几个理由:

  1. 纯静态输出 — 没有数据库,一键部署到 Vercel,免费且快速
  2. Markdown 写作 — 本地 .md 文件即文章,版本可控,迁移方便
  3. SEO 友好 — 自动生成 sitemap、RSS、结构化数据
  4. 极致性能 — 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! 🚀

💬 Comments