这篇开发日志用于测试内容较长时的阅读体验，也记录一个 Hexo 主题从基础结构到页面完善的常见过程。

导航入口

主题的导航通常包括首页、归档、分类、标签和关于页。它们看起来只是几个链接，但实际会影响站点的主要信息架构。

在实现时需要确认：

• 当前页面是否有明确的可识别状态。
• 移动端导航是否容易点击。
• 链接路径是否经过 url_for 处理。
• 主题配置缺省时是否仍能正常渲染。

归档页

归档页通常按时间聚合文章。它需要支持文章较少和文章较多两种状态。

当文章数量较少时，页面不能显得破碎；当文章数量较多时，年份、日期和标题之间要有清晰的扫描路径。

空状态

空状态经常被忽略，但它会出现在新站点、测试站点和刚切换主题的时候。合理的空状态应该说明当前没有内容，并给用户一个明确的下一步。

1
2
3
4
5

<% if (site.posts.length) { %>
  <%- partial('_partial/archive-list') %>
<% } else { %>
  <p class="empty-state">暂时还没有文章。</p>
<% } %>

元数据

文章卡片上的评论数、阅读量和阅读时间都属于辅助信息。它们能增加真实感，但不应该成为阅读路径的中心。

复盘

这篇文章包含较多小节和一个模板代码块，适合检查详情页在滚动过程中是否保持稳定，以及底部上一篇、下一篇链接是否正常显示。