给个人博客做一次大手术：剥离冗余、模块解耦与 SPA 级原生交互

theme/
├── layouts/
│   └── archive.ejs              # 专属 EJS 模板（输出为 build/archive/index.html）
└── public/
    └── archive/
        ├── archive.css          # 独立海报墙专属样式（450 行）
        └── archive.js           # 独立状态机与手势控制器

// core/build.js: 数据源与页面完全内聚
const archiveDataDir = path.join(paths.BUILD, 'archive', 'data');
await fs.mkdir(archiveDataDir, { recursive: true });
await fs.copyFile(path.join(paths.ROOT, 'data', 'movies.json'), path.join(archiveDataDir, 'movies.json'));
await fs.copyFile(path.join(paths.ROOT, 'data', 'books.json'), path.join(archiveDataDir, 'books.json'));

let archiveHtml = await ejs.renderFile(path.join(paths.LAYOUTS, 'archive.ejs'), {
  title: 'Archive',
  url: '/archive/',
  config
});
// 自动提取并压缩专属 archive.css 与 archive.js 并打上哈希指纹
archiveHtml = await processResources(archiveHtml, resourceCache, processedSet);

/* theme/public/tool/tool.css */
.grid {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
}

/* 核心：将 Tab Panel 容器作为抽象无框容器，让其子项直接参与父级 Grid 布局 */
.tab-panel {
  display: contents;
}

.tab-panel.hidden {
  display: none !important;
}

// theme/public/tool/tool.js
const TAB_CONFIG = {
  tools: {
    title: 'Tools · songlin.me',
    tagline: '<em>Fewer, better things.</em><br>之前使用过和正在使用的产品'
  },
  phone: {
    title: 'Phone · songlin.me',
    tagline: '<em>Fewer, better things.</em><br>个人使用过的手机'
  },
  home: {
    title: 'Home · songlin.me',
    tagline: '<em>Fewer, better things.</em><br>在用且喜欢的家居产品'
  }
};

function switchTab(tabKey, updateHash = true) {
  if (!TAB_CONFIG[tabKey] || !panels[tabKey]) return;

  // 1. 切换导航高亮
  navLinks.forEach(link => {
    link.classList.toggle('active', link.dataset.tab === tabKey);
  });

  // 2. 切换内容面板
  Object.keys(panels).forEach(key => {
    panels[key].classList.toggle('hidden', key !== tabKey);
  });

  // 3. 动态更新网页标题与 Tagline
  document.title = TAB_CONFIG[tabKey].title;
  taglineEl.innerHTML = TAB_CONFIG[tabKey].tagline;

  // 4. 更新 Hash 锚点（支持刷新与外链直达）
  if (updateHash) {
    history.replaceState(null, '', '#' + tabKey);
  }
}

/* theme/public/archive/archive.css */
.movies-container {
  width: 100%;
  padding: 4px; /* 外边距与网格间隙严格一致 */
  box-sizing: border-box;
}

.movie-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 4px; /* 统一 4px 紧凑无缝排列 */
}

@media (max-width: 768px) {
  .glass-filter-bar {
    width: auto;
    max-width: calc(100vw - 24px);
    flex-wrap: nowrap; /* 强制单行 */
    bottom: 20px;
  }
}

// 触摸手势精确分离：区分滑屏与轻触
let touchStartX = 0, touchStartY = 0, touchStartTime = 0;

card.addEventListener('touchstart', (e) => {
  touchStartX = e.touches[0].clientX;
  touchStartY = e.touches[0].clientY;
  touchStartTime = Date.now();
}, { passive: true }); // 声明 passive 恢复 120Hz 硬件加速自然滑动

card.addEventListener('touchend', (e) => {
  const deltaX = Math.abs(e.changedTouches[0].clientX - touchStartX);
  const deltaY = Math.abs(e.changedTouches[0].clientY - touchStartY);
  const duration = Date.now() - touchStartTime;

  // 仅在位移极小 (<10px) 且时间极短 (<400ms) 时判定为 Tap 轻触展开
  if (deltaX < 10 && deltaY < 10 && duration < 400) {
    toggleMobileOverlay(card);
  }
}, { passive: true });

<%
  // 基础变量处理
  let pageTitle = title + ' · ' + config.title;
  if (locals.url === '/about.html' || title === 'About') {
    pageTitle = 'About · ' + config.title;
  } else if (locals.url === '/archive/' || title === 'Archive') {
    pageTitle = 'Archive · ' + config.title;
  } else if (locals.url === '/search.html' || title === 'Search') {
    pageTitle = 'Search · ' + config.title;
  } else if (title === config.title || !title) {
    pageTitle = config.title + ' · 保持好奇，记录生活';
  }
%>
<title><%= pageTitle %></title>

// core/metadata.js
const staticUrls = [
  `  <url>\n    <loc>${config.origin}/archive/</loc>\n    <lastmod>${today}T00:00:00+00:00</lastmod>\n  </url>`,
  `  <url>\n    <loc>${config.origin}/tool/</loc>\n    <lastmod>${today}T00:00:00+00:00</lastmod>\n  </url>`
];

/archive.html /archive/ 301
/pages/tools.html /tool/ 301
/pages/phone.html /tool/#phone 301
/pages/home.html /tool/#home 301
/pages/tools /tool/ 301
/pages/phone /tool/#phone 301
/pages/home /tool/#home 301

✅ Zen Architecture v9 静态构建统计：
- 渲染页面：71 篇 Markdown + 4 大独立系统 (Index, Search, Archive, Tool)
- 物理清理：彻底剔除 100% 废弃死代码与多余模板
- 构建总耗时：2.72 秒