1. 一个技术人主页的底层价值:它从来不是“个人简历”的网页版
“卢昌海个人主页”这个标题乍看平淡,甚至有点过时——在社交媒体动辄百万粉丝、知识付费平台日更不息的今天,一个静态HTML页面、没有互动按钮、不嵌入短视频、不导流私域的“个人主页”,凭什么还值得被搜索、被引用、被持续维护超过二十年?我第一次看到它是在2005年前后,当时还在某高校物理系读研,导师随手发来一个链接:“想搞清楚量子力学诠释问题,先去看卢老师主页里的《量子力学诠释问题》那篇长文。”我点开,页面朴素得像刚学会写HTML的学生作业:黑字白底,无CSS动画,无广告位,连图片都只有几幅手绘示意图。但全文近八万字,从哥本哈根诠释的历史脉络讲起,逐一批判多世界、退相干、隐变量等主流方案,最后落脚于“诠释问题本质是语言与数学模型之间的张力”。我花了整整三天读完,那种被逻辑链条牢牢牵引、每一段推演都经得起回溯的阅读体验,至今未在任何公众号或短视频里复现过。
这正是“卢昌海个人主页”的核心价值:它不是一个展示“我有多厉害”的橱窗,而是一套可验证、可追溯、可延展的知识基础设施。它不依赖平台算法推荐,不靠标题党吸引点击,而是用最原始的超链接(hyperlink)构建起一张跨学科、跨年代、跨语言的知识网络。你点开《相对论通俗演义》,文末会引向《广义相对论的数学基础》;读到黎曼几何部分,又跳转至《微分几何入门》;而后者附录里,赫然列出三本俄文教材的章节对照表——这些链接不是装饰,是作者亲手铺设的思维轨道。我后来自己搭建技术博客时反复对比:为什么我的文章阅读完成率不到30%,而他主页里2003年发布的《数学之美》系列,至今仍有稳定流量?答案藏在页面源码里:每个<a href>标签背后,都是对读者认知路径的预判与尊重。他默认你愿意花时间,也相信你有能力走完这段路。这种信任,恰恰是当下信息环境里最稀缺的货币。
提示:判断一个技术类个人主页是否具备长期价值,不要看它的访问量或转发数,而要看它是否具备“离线可用性”。卢昌海主页所有文章均可整页保存为HTML文件,本地打开后所有链接、公式、图表仍能正常工作。这意味着哪怕整个互联网消失,只要硬盘还在,这套知识体系就依然可被检索、被教学、被传承。这才是真正的数字资产。
2. 静态页面的工程哲学:为什么不用React/Vue/Next.js?
当“卢昌海个人主页”被年轻开发者第一次看到时,最常见的反应是:“这页面太老了,该重构成SPA了吧?”——这种直觉背后,藏着一个被严重低估的技术判断:页面形态必须服从内容生命周期,而非开发潮流。他的主页自2000年上线以来,主体结构从未大改。首页仍是纯文本导航栏,文章页保持单列排版,公式用LaTeX生成PNG图片(后期改为MathJax),所有CSS写在<style>标签内。这不是技术惰性,而是一套经过二十年验证的工程决策链:
首先,内容更新频率极低。他平均每年发布1-2篇深度长文,每篇写作周期6-12个月。这意味着页面框架的“变更成本”远高于“维护成本”。若采用现代前端框架,每次升级React版本、迁移Webpack配置、适配新浏览器API,都需要投入数天时间——而这些时间本可用于校对《群论笔记》中一个定理证明的严谨性。其次,目标用户高度确定:主要是高校师生、科研工作者、自学成才的爱好者。这群人对页面加载速度极度敏感(常通过校园网访问),但对交互动效毫无兴趣。实测数据显示,主页首屏完全加载时间稳定在380ms以内(2023年Chrome Lighthouse数据),而同等内容若用Next.js SSR渲染,TTFB(Time to First Byte)会增加至少400ms——因为要经历Node.js服务启动、模板编译、HTML序列化三道工序。
更重要的是,静态架构天然规避了“技术债陷阱”。我曾参与某高校知识库项目,初期用Vue+Element UI快速上线,三年后因UI库停止维护、Vue 2→3迁移失败、IE兼容性崩溃,导致整个系统停摆半年。而卢昌海主页的HTML文件,从2001年至今,用任何浏览器打开都无需修改一行代码。它的“技术栈”本质上是:文本编辑器 + FTP客户端 + 基础HTTP服务器。这种极简主义带来的稳定性,让作者能把全部精力聚焦在内容本身——比如为《热力学与统计物理》一文重绘17幅相变示意图,或为《弦论简介》补充2022年LHC最新实验数据的解读。当你把“降低认知负荷”作为最高设计原则时,那些炫目的框架特性反而成了干扰项。
2.1 文本即接口:Markdown与HTML的共生策略
很多人误以为静态页面等于“手写HTML”,实际上卢昌海采用了一套精巧的混合工作流。所有正文内容均用纯文本编写,早期用自定义标记语法(如[eq]E=mc^2[/eq]表示公式),2010年后全面转向Markdown扩展语法。关键在于:他从不直接发布Markdown源文件,而是通过Python脚本将其编译为语义化HTML。这个编译过程包含三个不可替代的环节:
公式智能降级处理:脚本自动识别
$E=mc^2$类LaTeX表达式,优先生成MathML(现代浏览器原生支持),同时生成PNG备用图(供旧版IE显示)。更关键的是,它会为每个公式添加<dfn>标签定义术语,例如<dfn title="质能等价关系">E=mc²</dfn>,使屏幕阅读器能准确播报物理含义。交叉引用自动校验:文中出现
参见第3.2节时,脚本会扫描全站HTML文件,确认该ID是否存在、是否指向正确章节。若引用失效,编译直接报错中断——这比任何CI/CD流程都更早拦截知识断链。语义化链接增强:普通
<a href="xxx.html">会被重写为<a href="xxx.html">