用 App Router 重构博客:结构、性能与样式的一次升级
从旧的页面路由迁移到 App Router,并把内容层、导航与侧栏统一到一个更稳定的布局系统。
这次重构的目标非常明确:用更现代的 App Router 统一页面结构,让内容和样式同时“可持续”。
为什么要换到 App Router
原因并不复杂:更清晰的布局层级、更自然的流式渲染,以及更少的重复代码。
三栏布局与信息密度
主内容保持在 720px 左右,左右侧栏提供目录、标签与导航,阅读时不会被打断。
内容管线与数据结构
文章数据统一建模,摘要、标签、封面与目录成为一等公民。
性能与构建策略
对静态化与增量构建做取舍,让速度与弹性保持平衡。