交互视觉功能测试(Interaction Test)

本页用于自动化测试断言 + 功能使用说明。以下功能均为主题原生实现(非外部插件)。

1. 代码块增强

用途:语言标签 + 复制按钮 + 展开折叠 + 全屏。

配置_config.ymlcode 配置块:

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.ymllibs.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.ymlzh_default + translate

测试断言:页脚含 #translateLink

6. 阅读进度条 / 返回顶部

用途:阅读进度 + 回顶按钮。

配置_config.ymlprogressbar + backTop

测试断言:页面含 .progress-bar#backTop

7. 打赏弹窗

用途:文章打赏按钮 + 二维码弹窗。

配置_config.ymlpost.reward

测试断言:文章页含 #reward

8. 打印样式

用途:打印排版优化。

测试断言:CSS 含 @media print 规则。


Hexo主题功能测试-交互视觉篇
发布于
2026年8月7日
许可协议。转载请注明来源
评论
数据加载中 ...
 本篇

阅读全文

Hexo主题功能测试-交互视觉篇
Hexo主题功能测试-交互视觉篇 Hexo主题功能测试-交互视觉篇
主题交互与视觉功能测试靶场:代码块增强、图片灯箱、打字机、页面特效配置说明。每项含用法、配置、效果,供自动化测试断言。
2026-08-07
下一篇 

阅读全文

Hexo主题功能测试-内容tag篇
Hexo主题功能测试-内容tag篇 Hexo主题功能测试-内容tag篇
主题内容 tag 插件测试靶场:note/timeline/tabs/label/button/githubCard/mermaid/pdf/insertmd/wechat_dialog。每项含用法说明与实现效果,供自动化测试断言。
2026-08-07