ZXHY Lab

发布链路实验田 · 零依赖手写静态站 · Cloudflare Pages

这个站是什么

一个手写、零依赖、零构建的静态站。没有 npm，没有框架，只有一堆 HTML/CSS/JS。 它的唯一用途是把「网页从本地文件变成线上可访问的东西」这条链路上的每个环节单独拆出来做实验。

发布命令
~/zxhy-blog/node_modules/.bin/wrangler pages deploy dist \
  --project-name zxhy-lab --branch main
一个文件上传约 27 秒

实验清单

缓存头

_headers 各条规则的实际效果，CF 边缘缓存怎么判定

重定向

301 / 302 / 308 的区别，CF pretty URL 的 308 陷阱

单文件站

一个 HTML 装下全部：字体内联、响应式、深浅色、无 JS 降级

响应式图片

<picture> + srcset + 尺寸占位，防 CLS

SEO

meta / Open Graph / 结构化数据 / sitemap

为什么值得单独建一个站

主线博客是 Astro，有构建、有 GitHub Actions、有 Content Collections。这些把发布链路封装得很好，但也把很多底层细节藏起来了。

学「一个网页怎么上线」需要看裸的东西：_headers 是什么、_redirects 怎么写、404 页从哪来、CDN 缓存头怎么影响自己的调试。

已验证 已知坑

已验证：_headers 生效、_redirects 生效、404.html 生效、pretty URL 308。
已知坑：deployment_configs 的 PATCH 会静默失败，env var 改不掉。