这个页面是示例站的稳定回归样例,用于检查长文章、目录跟随和不同视口下的正文布局。正文中的测试链接和重点文字用于检查本地字体的真实字重。
回归章节一
长文章需要让正文保持清晰的行宽、稳定的段落间距,并让目录在滚动时正确跟随当前章节。此段文本用于提供可重复的页面高度。
继续阅读时,导航、正文和目录不应产生横向滚动,浅色与深色模式也应保持相同的几何布局。
回归章节二
目录链接应与标题锚点一一对应。窗口尺寸变化后,目录仍需重新计算标题位置,并保持当前章节可见。
页面中的图片、字体或内容高度变化不应破坏目录状态。测试会等待字体加载完成,再进行布局断言。
回归章节三
平板尺寸同时验证正文宽度和侧栏行为。目录可以按照既有规则切换形态,但不得遮挡文章内容。
移动端应保留可操作的目录入口,并避免固定控件超出可视区域。
回归章节四
桌面端的 Dock 在页面滚动后保持现有合并逻辑。文章区与导航之间的层叠、透明和模糊效果均由现有样式控制。
这组回归内容不引入新的主题功能,只为自动化检查提供长度和稳定锚点。
回归章节五
代码块仍由 Hugo 生成高亮结构,并由主题脚本补充语言标签和复制按钮。
function regressionExample(value) {
return value.trim();
}
回归章节六
减少动画模式下,页面应立即进入稳定状态。视觉截图会关闭动画和过渡,避免时间相关的随机差异。
自动主题模式仍按主题现有规则决定当前实际配色,测试只检查模式状态和基础可用性。
回归章节七
滚动到后部章节时,目录中的对应链接应成为激活状态,并在目录自身可滚动时保持在可见区域。
正文高度需要超过常见桌面和平板视口,以覆盖长文滚动路径。
回归章节八
最后一节用于验证页面底部、评论区域边界和页脚之间的间距。示例站默认关闭 Giscus,因此测试不会访问外部评论服务。
完成滚动后,页面仍不应出现未处理的脚本错误或横向溢出。
GitHub Discussions
评论区
评论功能尚未启用
此区域仅用于展示主题的评论区样式,无法发布或保存评论。