第一篇：博客上线了

建站AstroCloudflare

使用 Astro + Cloudflare Pages 搭建零成本个人博客的记录。

为什么自己建博客

平台再多，也不如一个自己能完全掌控的站点。域名免费、托管免费、数据库免费——Cloudflare 的免费额度足够一个人用。

这个博客就是证明：零成本也能有一个像样的个人站。

技术选型

组件选择理由
框架Astro静态输出，构建快，原生支持 Markdown
托管Cloudflare Pages免费 *.pages.dev 子域，无限静态请求
图床Cloudflare R210 GB 免费存储，零出口流量费
数据库Cloudflare D15 GB 免费，存评论和统计够了

代码高亮测试

Astro 内置 Shiki，支持各种语言：

interface Post {
  title: string;
  pubDate: Date;
  tags: string[];
}

function sortByDate(posts: Post[]): Post[] {
  return posts.sort((a, b) => b.pubDate.valueOf() - a.pubDate.valueOf());
}

# 构建与预览
npm run build
npm run preview

暗色模式

右上角有个切换按钮，会记住你的偏好。默认跟随系统设置。

下一步

  • 接入 D1 评论系统
  • 添加浏览量统计
  • 导入更多文章

第一篇就这样。站点能打开，就算成功。