📍 WDQWDWQD987AAAAA:216.73.216.20
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /c7b1ce6c068b.html
📄

个人博客建站步骤 - 首页栏目与详情页怎样分工

首页栏目负责“让人快速判断这里有什么、该点哪里”，详情页负责“把一件事讲透并给出下一步”。多人协作时，把这两类页面的职责写进交付清单，能有效减少返工。下面用一个假设例子说明具体做法。

假设一个三人协作的博客项目

假设你和一个设计、一个前端共同搭建个人博客，内容以读书笔记和工具使用记录为主。如果没有提前约定分工，常见结果是：首页堆了全文摘要，详情页却缺少作者、更新时间和相关阅读；设计改了三版首页，前端又回头重做详情页模板。返工的根源不是技术，而是首页和详情页的职责边界没有写清楚。

首页栏目：回答“这里有什么”

首页栏目的核心任务是分类导航和筛选入口，而不是承载完整内容。它应当做到：

• 用栏目名说明内容范围，例如“读书笔记”“工具记录”，名称与详情页所属分类一致。
• 每条列表项只给标题、一句话摘要、日期和分类，摘要控制在一两行。
• 列表的排序规则固定下来，比如按发布时间倒序，并写进协作说明。
• 分页或加载更多的行为提前约定，避免前端按自己的理解实现。

判断标准很简单：读者扫一眼首页，能否在几秒内决定点进哪一篇。如果不能，说明首页栏目承担了过多细节。

详情页：回答“这一篇讲什么、看完做什么”

详情页需要完整承载单篇内容，并给出明确的后续动作。它应当包含：

• 正文与必要的步骤、示例或检查项。
• 作者、发布时间、所属分类，多人协作时还要有维护人。
• 相关阅读或上一篇、下一篇入口，帮助读者继续浏览。
• 返回对应栏目的链接，避免读者只能靠浏览器后退。

如果详情页缺少分类归属和返回入口，读者看完一篇就离开，首页栏目的导航价值也被浪费。

协作交付时先定这三项

为了减少返工，建议在动工前把以下内容写进同一份说明，而不是分散在聊天记录里：

1. 字段清单：首页列表项需要哪些字段，详情页需要哪些字段，两边字段名保持一致。
2. 跳转关系：列表项点击后进入哪个详情页模板，详情页返回哪个栏目。
3. 验收检查项：栏目名是否与分类一致；摘要是否超长；详情页是否有日期和返回入口；分页规则是否与说明一致。

这三项确定后，设计和前端可以并行推进，内容编辑也知道该准备哪些字段，不会出现首页要摘要、详情页却没有对应数据的情况。

常见错误与判断结果

第一种错误是把全文放进首页，导致页面臃肿、重点不清。第二种错误是详情页只放正文，没有分类和返回路径，读者无法继续浏览。第三种错误是首页与详情页使用不同的分类名称，比如首页写“随笔”、详情页写“杂记”，协作时容易对不上。判断方法：随机点开首页三条列表，检查能否顺利进入详情页并返回原栏目；再检查详情页的分类名是否与首页栏目一致。任一环节对不上，就应先修正字段和跳转约定，再继续加内容。

下一步，把你博客的首页列表项和详情页字段各列一份清单，逐项对照是否一一对应，把不一致的地方改到同一份协作说明里。