有一天Claude在git commit之后居然主动建议我修改项目了

我问他为什么第一次主动建议我修改，他说“不是特殊机制，是因为前面的 Supabase skill 审计让我深度通读了整个项目代码，加上上一轮修了7个问题、调整了文章详情页布局，自然对整体 UX 有了一幅完整的脑图。修完后站在新用户视角过了一遍，就把观察到的问题列出来了。

从一个全新访客的角度来看，以下是我认为影响体验的地方：

---

1. 首页首屏 — 信息密度太低

打开首页，Scroll 一下看到的是：一个大 banner → 标签/作者链接 → 文章卡片列表。问题在于大 banner
占据了首屏 60%
以上的空间，文章列表需要往下滚动才能看到。对于博客而言，内容是核心，第一眼应该能看到至少 1-2
篇文章的标题。

可以缩小 SiteHero 的高度，或者把它移到导航栏下方作为一行 slim banner。

---

2. 文章详情页 — 正文在折叠线以下

当前布局：标题 → 作者信息 → 交互按钮 → 摘要 → 标签 → 分割线 → 正文。正文开始的位置延迟了很多内容。
摘要已经概括了文章，正文却还在更下面，新访客进来可能以为摘要就是正文开头。

摘要和标签可以放在标题下方（甚至同一行），让正文尽早出现。

---

3. 没有搜索入口

首页、导航栏都没有搜索框或搜索入口。访客如果想找特定主题的文章，只能通过标签页一个一个翻。标签页也
没有搜索过滤——几十个标签靠肉眼找，体验很差。至少导航栏加一个搜索图标/入口是必要的。

---

4. 标签页没有排序和筛选

/tags 页面把所有标签平铺展示，按什么排序也不明确。新访客看到一堆标签不知从何看起。应该按使用次数降
序、支持搜索过滤。

---

5. 暗色/亮色主题切换没有持久化到新访客

ThemeProvider 默认跟随系统，但首次加载时如果 CSS
变量还没注入，页面会出现闪烁（FOUC）——先白屏再变暗色。 标签应该内联一段 blocking script 在
paint 前读取 localStorage/cookie 设置好 class。

---

6. 文章内没有目录（TOC）

长文章没有侧边栏目录或浮动目录按钮。访客只能一直往下滚，不知道文章结构。这对技术博客是刚需。

---

7. 评论区在正文下方太远

评论区和文章正文之间没有任何分割提示，访客读完文章不知道下面还有评论区。可以在正文结束处加一个评论
入口锚点。

---

8. 新访客不知道这个博客"是什么"

首页没有一目了然的博客定位/介绍。SiteHero
只有一句标语，但没说这个博客主要写什么内容、作者是谁。加了会让新访客决定要不要继续浏览。

---

9. 个人中心路径不直观

新用户注册/登录后，唯一的入口是导航栏的"个人中心"。但首页文章卡片上的作者名点击后进入的是
/author/[id]（作者详情页），不是个人中心，这两个概念容易混淆。

---

10. 移动端交互细节

• 文章卡片上的标签太小（text-xs），手指很难精准点击
• 标签页的标签云在移动端排列密集，容易误触
• 评论表单的输入框在移动端没有自动聚焦优化

---

如果只挑最影响体验的 3 个来优先改，我建议：

1. 缩小首页 banner，让文章内容尽早出现
2. 导航栏加搜索入口
3. 文章详情页减少正文前的元素，让正文更早上屏”