零依赖纯 HTML 极简博客实践
你现在看到的这个站,就是本文的示例:六个 HTML 页面加一个 CSS,全部加起来不到 40KB。没有构建工具,没有主题系统,没有一行 JavaScript。
为什么不用 Hugo / Hexo
个人站就几页纸的内容,引入一套 Node/Go 工具链、主题依赖和构建流程,改一个错别字都要重新构建再上传,成本和收益不成比例。直接写 HTML,保存、上传、完事。
几个省事的小技巧
- 系统字体栈:
-apple-system, "PingFang SC", "Microsoft YaHei", sans-serif。中文站引 webfont 动辄几 MB,得不偿失,系统字体在各平台都足够好看。 - 暗色模式零 JS:把颜色收进 CSS 变量,再用
@media (prefers-color-scheme: dark)换一组值,浏览器自动跟随系统。 - 消掉 favicon 404:
<link rel="icon" href="data:,">,一行解决控制台里的红字。 - 手机排版一行搞定:
<meta name="viewport" content="width=device-width, initial-scale=1">。
部署
nginx 里 root 指向目录就完事,改完 scp 上去立即生效。不需要 PM2、不需要守护进程,nginx 本身就是最稳的静态文件服务器。
结论
工具够用就好,把时间花在内容上。等哪天页面多到手工维护不动了,再换静态站点生成器也不迟——反正 Markdown 和 HTML 之间随时能迁。