在这次将博客迁移到 chowray.org 的过程中,我做了一个稍显艰难的决定:下线使用了多年的“腾讯公益 404”代码。
对于老站长来说,这段代码是 Web 2.0 时代的一种技术温情。但作为一名工科男,当我不带滤镜地审视它时,看到的却是必须要解决的 “技术债务”。
1. 为什么必须替换?
在 Cloudflare Pages 全站强制 HTTPS 的环境下,旧代码显得格格不入:
- 混合内容警告 (Mixed Content):旧代码依然请求 HTTP 资源,导致现代浏览器拦截,页面经常一片空白。
- 移动端灾难:它是为 10 年前的 PC 屏幕设计的,在 iPhone 上排版错乱,毫无体验可言。
- 性能拖累:依赖外部服务器加载 JS,拖慢了静态博客引以为傲的加载速度。
一个连内容都加载不出来的公益页面,只是一种自我感动的形式主义。
2. 新的方案:幽灵归来
为了契合 About 页面中 “因为 .com 被幽灵占据了” 的梗,我手写了一个纯静态的 HTML 404 页面:
- 极客审美:深色模式 (
#0f172a) + CSS 呼吸动画。 - 0 依赖:没有外部 JS,秒开。
- 全端适配:无论是在电脑还是手机上,那个幽灵都会完美漂浮在屏幕中央。
3. 温情的传承
虽然代码删了,但公益的心没变。
我不希望为了技术洁癖而丢掉人味儿。因此,在新页面的底部,我保留了一行不起眼的文字链接:
“虽然这里的幽灵很可爱,但现实中的走失不可爱。如有线索,请访问 宝贝回家。”
这大概就是技术人的浪漫:用最理性的代码,承载最感性的关怀。
(你可以访问 /404 查看这个新的幽灵页面)