W
Will

AI 工程、智能体工作流与深度技术调研。

AI 工程、智能体工作流与深度技术调研。

主页文章报告周记标签关于

© 2026 Will

目录

  • 我的设计
  • 为什么不直接发布独立的一页
  • 技术细节

为 Claude Code 深度调研报告做一个承载平台

2026.05.12·1 分钟·
#AI#架构#工程
下一篇 →
关于一人公司的第 100 天复盘
也可以读
  • 2026.05.29在 Serverless 架构下,内存为什么不再重要1 min

评论(0)

还没有评论。

最近我经常让 Claude Code 做深度调研。它生成的通常不是"一段 Markdown",而是一整个精心排版的 HTML 页面,有自己的字体、色调、交互。

直接塞进博客正文是灾难:

  • 我的 CSS 会污染它
  • 它的 CSS 会污染我
  • iframe 也有一堆边界问题

我的设计

我最终选择了一种五段式容纳:

  1. fullscreen:点击后路由到 /reports/[slug],iframe 铺满视口
  2. drawer:右侧抽屉滑出 80%,正文仍可见
  3. modal:居中大模态
  4. newtab:直接新标签
  5. preview:文章内嵌缩略图,点击后进入以上任一

每篇文章在 frontmatter 里选一种。示例——

Report · new tab
Example deep research report
↗

为什么不直接发布独立的一页

因为我需要那篇 HTML 报告"属于"一篇有上下文的博客文章。读者进来看到你的分析、评论、回复,才会点进去读报告。否则它只是漂在风里的一页。

技术细节

报告 HTML 存储在 public/reports/[slug]/ 下。博客不知道它的样式,它也不知道博客的样式。干净的边界。

W
Will

AI 工程、智能体工作流与深度技术调研。

喜欢的话,可以订一下《willcoder 周记》。

每周一封,周日晚上。看到、学到、想到的,5 分钟看完。