从零搭建个人博客系统

作为一个程序员，拥有一个属于自己的博客是很有意义的事情。这篇文章记录了我从零开始搭建博客系统的全过程。

需求分析

在开始之前，我列出了以下需求：

• ✅ 支持 Markdown 写作
• ✅ 后台管理系统
• ✅ 评论功能
• ✅ 邮件通知
• ✅ SEO 友好
• ✅ 响应式设计
• ✅ 部署在 Cloudflare（免费且快速）

技术选型

经过多方比较，最终选择了以下技术栈：

层面	技术	理由
前端框架	Astro 5	内容优先，性能极佳
管理后台	Svelte + TailwindCSS	轻量且开发体验好
后端 API	Hono on Workers	边缘计算，低延迟
数据库	Cloudflare D1	免费，SQLite 兼容
部署	Cloudflare Pages	全球 CDN，自动部署

开发过程

1. 初始化项目

npm create astro@latest my-blog
cd my-blog
npx astro add cloudflare

2. 设计数据库

核心表包括：用户、文章、分类、评论、友情链接、站点配置等。

3. 开发 API

使用 Hono 框架开发 RESTful API，支持 JWT 认证。

4. 构建前端

Astro 的 Islands 架构让页面加载极快，交互组件按需水合。

5. 管理后台

使用 Svelte 构建独立的管理后台 SPA，支持文章管理、评论审核、站点配置等功能。

遇到的挑战

1. D1 时区问题：localtime 在 D1 中返回 UTC，需要用 +8 hours
2. SMTP 发送：Workers 不支持 net.connect，需要用 cloudflare:sockets
3. 静态资源缓存：需要合理配置 _headers 文件

最终效果

• 首屏加载 < 1s
• Lighthouse 评分 95+
• 全球访问延迟 < 50ms
• 完全免费运行

总结

借助现代工具链，搭建一个高性能的个人博客并不困难。关键在于选择合适的技术栈，并理解每个组件的特性和限制。