交互视觉功能测试(Interaction Test)
本页用于自动化测试断言 + 功能使用说明。以下功能均为主题原生实现(非外部插件)。
1. 代码块增强
用途:语言标签 + 复制按钮 + 展开折叠 + 全屏。
配置:_config.yml 的 code 配置块:
code:
language: { enable: true }
copy_btn: true
show_full: true
height_limit: 450# Bash 代码块测试
echo "Hello Matery"
docker compose up -d# Python 代码块测试
def hello(name):
return f"Hello, {name}!"
print(hello("Matery"))测试断言:渲染后应含 code-area / code_lang / 复制按钮。
2. 图片灯箱 lightGallery
用途:文章图片点击放大。
配置:_config.yml 的 libs.js.lightgallery(全局加载)。


测试断言:图片应被包装为 .img-item,点击弹出 .lg-outer。
3. 打字机 Typed
用途:Banner 副标题打字机动画。
配置:_config.yml:
subtitle:
typed: { enable: true, loop: true }测试断言:Banner 页含 #typed 或 .typed-cursor。
4. 页面特效
用途:樱花/水波/落叶/雪花/飘带等 10 种装饰特效。
配置:_config.yml 各特效开关(桌面宽 >1400px + 访问 >2 次启用):
sakura: { enable: false }
ripples: { enable: false }
leaf: { enable: false }
snowflake: { enable: false }
ribbon: { enable: false }
fireworks: { enable: false }
clicklove: { enable: false }测试断言:特效脚本按门控加载(windowWidth > BP.fun)。
5. 繁简转换
用途:页面繁体/简体切换。
配置:_config.yml 的 zh_default + translate。
测试断言:页脚含 #translateLink。
6. 阅读进度条 / 返回顶部
用途:阅读进度 + 回顶按钮。
配置:_config.yml 的 progressbar + backTop。
测试断言:页面含 .progress-bar 或 #backTop。
7. 打赏弹窗
用途:文章打赏按钮 + 二维码弹窗。
配置:_config.yml 的 post.reward。
测试断言:文章页含 #reward。
8. 打印样式
用途:打印排版优化。
测试断言:CSS 含 @media print 规则。