个人网站(本站)

静态前台 + 自建后台

· 独立开发
  • Astro
  • React
  • TypeScript
  • Cloudflare Pages
  • D1
  • R2

做了什么

  • 前台用 Astro 生成静态页,访客看到的是 CDN 上的 HTML,没有服务端渲染
  • 后台用 React 单独打包成 SPA,包含 Markdown 写作、草稿预览、修订历史与回滚
  • 内容存 D1,通过构建期快照注入静态站;图片存 R2
  • 站内搜索用构建期生成的静态索引,查询全在浏览器完成

为什么这样做

想搞清楚一次请求从浏览器到屏幕中间发生了什么,所以没有用现成的博客平台。