颜力刚Ligang Yan

新站上线:用 Astro 和 Cloudflare Workers 重建个人主页

这是新站的第一篇文章,记录一下技术选型和这个站点打算怎么长。

metacloudflareastro

English version: Rebuilding my personal site on Astro and Cloudflare Workers

这个站点又重建了一次。前几版都是博客系统加一堆外链,这次的目标没变,只是换了地基:Astro 负责把 Markdown 变成页面,Cloudflare Workers 负责跑站点和少量 API,每个正在做的小工具挂在一个二级域名下,各自独立部署。

为什么是这套

  • 写文章还是本地建一个 .md 文件,推上去一分钟后上线,和以前一样省事。
  • 站点默认全静态,只有 /api/* 这种路由跑在 Worker 里,需要的时候才有后端。
  • 数据用 D1、KV、R2,都在免费额度里,不用再管一台服务器。

一段代码试试高亮

import { env } from 'cloudflare:workers';

export async function GET({ params }: { params: { slug: string } }) {
  const n = Number(await env.VIEWS.get(params.slug)) || 0;
  return Response.json({ slug: params.slug, views: n });
}

站点的样式方向是“编辑风”:纸色的底、衬线的标题、等宽的元信息,克制但不寡淡。

接下来会把以前的文章慢慢搬过来。英文版在 根路径