这个页面是示例站的稳定回归样例,用于检查长文章、目录跟随和不同视口下的正文布局。正文中的测试链接重点文字用于检查本地字体的真实字重。

回归章节一

长文章需要让正文保持清晰的行宽、稳定的段落间距,并让目录在滚动时正确跟随当前章节。此段文本用于提供可重复的页面高度。

继续阅读时,导航、正文和目录不应产生横向滚动,浅色与深色模式也应保持相同的几何布局。

回归章节二

目录链接应与标题锚点一一对应。窗口尺寸变化后,目录仍需重新计算标题位置,并保持当前章节可见。

页面中的图片、字体或内容高度变化不应破坏目录状态。测试会等待字体加载完成,再进行布局断言。

回归章节三

平板尺寸同时验证正文宽度和侧栏行为。目录可以按照既有规则切换形态,但不得遮挡文章内容。

移动端应保留可操作的目录入口,并避免固定控件超出可视区域。

回归章节四

桌面端的 Dock 在页面滚动后保持现有合并逻辑。文章区与导航之间的层叠、透明和模糊效果均由现有样式控制。

这组回归内容不引入新的主题功能,只为自动化检查提供长度和稳定锚点。

回归章节五

代码块仍由 Hugo 生成高亮结构,并由主题脚本补充语言标签和复制按钮。

function regressionExample(value) {
  return value.trim();
}

回归章节六

减少动画模式下,页面应立即进入稳定状态。视觉截图会关闭动画和过渡,避免时间相关的随机差异。

自动主题模式仍按主题现有规则决定当前实际配色,测试只检查模式状态和基础可用性。

回归章节七

滚动到后部章节时,目录中的对应链接应成为激活状态,并在目录自身可滚动时保持在可见区域。

正文高度需要超过常见桌面和平板视口,以覆盖长文滚动路径。

回归章节八

最后一节用于验证页面底部、评论区域边界和页脚之间的间距。示例站默认关闭 Giscus,因此测试不会访问外部评论服务。

完成滚动后,页面仍不应出现未处理的脚本错误或横向溢出。