Choose a reading experience

同一份运维档案，三种读法

把设备、链路、约定与每一次变更，按文章的组织方式重新排版。三套方案共用同一份数据源（content.json），骨架、配色与交互各不相同 —— 挑一个顺眼的，或者三个都留着。

数据源 · 2026-11-15 17:42 · commit a8a4416 · 5 台设备 / 10 节 / 201 条变更

编辑部排版 · 衬线长文

米色纸感背景、宋体大标题、34em 正文栏与右侧目录栏。像翻一本装订好的运维年鉴，适合真正坐下来读长文档。

暗色终端 · 状态面板

近黑底 + 琥珀/荧光青、等宽数字、状态灯。首页不是文章流而是仪表盘：KPI、拓扑速览、日志式变更流。为运维视角优化。

现代杂志 · 卡片流

纯白大圆角卡片、冷紫蓝渐变光斑、大字号 hero。节奏松弛，手机上是悬浮胶囊导航，读起来更像一个产品官网。

怎么选

三套页面都是单文件静态 HTML：CSS、JS、数据全部内联，不请求任何外部资源，断网也能开。同一个 content.json 编译而成，所以三套内容完全一致，只有视觉与交互不同。

路由是 hash 形式（#/devices、#/doc/<id>），任意页面都能直接刷新进入，也能复制链接分享。

数据更新后重跑 publish.py 与 build_blog.py，部署脚本会自动把新版本换成线上。