背景

blog.heleeos.com 沿用了较久的单栏布局，文章列表和正文页信息密度偏低：分类导航藏在顶部、标签分散、长文没有目录。趁着内容补全的契机，把布局也一起升级。

改版目标

  • 左栏：分类 + 子分类导航，固定可见
  • 中栏：文章卡片（列表页）或正文（详情页）
  • 右栏：标签云（列表页）或 TOC 目录（详情页）
  • 最大宽度 1100px，浅色主题

技术方案

不引入新框架，继续用现有 Node.js 静态生成器（build.js + marked）：

  1. build.js 新增 extractToc()，从正文 h2/h3 提取目录
  2. 模板变量扩展：leftNav、rightTags、toc、description、tags
  3. style.css 完整重写，三栏 Grid 布局 + 响应式折叠

内容同步

布局改版的同时，把 content/ 下积压的空白和残缺文章补齐：

  • blog/learn/ 技术笔记（Tailwind、Kafka、Spring 等）
  • daily/ 逻辑题解析、日记
  • book/ 读书笔记

下一步

  • 本地 ./local-server.sh 验证各栏目页面
  • 移动端三栏折叠交互调优
  • ./shell/03-deploy.sh 部署上线