MAKE-OF · 2026-10
这个站怎么做的
静态输出，系统字体，没有客户端路由。下面是账本。
为什么是静态的
没有 hydration，没有「首屏骨架」，没有客户端路由。HTML 到了浏览器就是最终样子——这也是为什么它能在一屏内打开。
体积账本
- HTML
- 3.7 KB
- CSS
- 7.3 KB
- JS
- 0 行
- 图片
- 241.5 KB
- 字体
- 0（系统字体）
数字由构建脚本从产物里读出来再写回这一页，不是手填的。
滚动进度条怎么做的
一行 CSS，没有 JS：
animation-timeline: scroll(root block); animation: grow-progress linear both;
不支持的浏览器就停在起点——它只是装饰，不该为它加载脚本。
一次发布
$ npm run build $ npx wrangler pages deploy dist --project-name=madebyone
两条命令，没有 CI，没有构建缓存要清。