移除搜索框并修复布局 | Dev Logs

Date: 2026-01-11 15:50 Summary: 移除搜索框并修复布局

[question] 删除搜索框和搜索按钮

[try to solve] 我已在静态站点构建组件中移除了搜索表单，并修复了导航/侧边栏与 Markdown 工具的布局。变更包括：

• 修改 scripts/site/components/header.mjs：移除顶部搜索表单并保留语言切换。
• 修改 src/pages/site/layout.ts：为固定顶部导航加入 padding-top: 56px，并调整 .layout 高度及桌面视口下 navbar 的 flex 行为，防止导航内元素换行和 header 遮挡内容。
• 修改 src/pages/markdownToHtmlPage.ts：为 Markdown 工具的输入与预览列使用 flex 布局，设置 box-sizing: border-box 与 overflow:auto，避免输入/预览与下方文章内容边框重叠。
• 运行 npm run build:site 以更新 public/ 输出；构建成功并验证 public/ 中不再包含搜索表单（role="search" 不存在）。

[actions]

• Modified files:
  • scripts/site/components/header.mjs
  • src/pages/site/layout.ts
  • src/pages/markdownToHtmlPage.ts
• Commands run:
  • npm run build:site
• Outputs updated:
  • public/ 静态文件已重新生成（移除了搜索表单）