peroe 的博客 · 第 2 页

静态博客没有后端，但公开面比想象的大：证书透明度日志能翻出 13 个子域、DNS 里有 DKIM 与验证记录、页面里带着统计 ID 和联系方式。这篇把三层公开面逐一查清，并修掉了其中一个真正的问题（头像外链 107KB）。

静态博客的卡片没图会很难看，随机图 API 看起来很省事。但实测那张图 250KB、Cache-Control 还是 max-age=0——如果首页 10 条卡片都挂上，一次访问就是 2.5MB。这篇算清这笔账，并给出三种封面方案的取舍。

浏览器缓存、Cloudflare 边缘缓存、源站响应头三层叠在一起时，谁说了算？抓自己站的真实响应头发现：连内容哈希命名的 CSS/JS 都是 max-age=0，每次访问都要重新验证。附发现过程、Cloudflare 规则写法和免费套餐的坑。

拿自己站上 12 张真实配图做实验：WebP 换 AVIF 在「同画质」下平均省 35%，但常见的「AVIF 省一半」是拿不同质量档比出来的。附 PSNR 对齐方法、编码耗时与什么时候才值得上 AVIF。

静态博客没有后端，评论只能挂第三方。这篇记录 Giscus 的完整接入：六个配置字段各自的作用、用自定义 CSS 做暗色联动的原理、不靠肉眼验证评论是否真的加载的方法，以及仓库迁移、改 slug、iframe 布局跳动三个坑。

Astro 的默认行为大多很合理，但有三条不写在报错里的约定：script 默认被打包成模块、CSS import 默认对全站生效、dist 目录从不清理。每一条我都在这两周踩过，附判断命令与修法。

本站装着两套统计：Umami Cloud 与自建的 Worker + D1。同一时间窗内，首页一个记 67 次、一个记 180 次。我做了个实验证明主因是广告拦截器，并列出另外三种会放大差距的机制，以及最后决定给读者看哪个数字。

写技术文章一半时间花在图上。这套流水线只有四条规则：截图必须真实、按出现顺序编号、统一压成 WebP、和文章目录同名进仓库。附实测压缩数据（2073KB → 357KB）与五个踩过的坑。