惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

罗磊的独立博客
爱范儿
爱范儿
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园_首页
博客园 - 叶小钗
酷 壳 – CoolShell
酷 壳 – CoolShell
Apple Machine Learning Research
Apple Machine Learning Research
云风的 BLOG
云风的 BLOG
量子位
博客园 - 三生石上(FineUI控件)
Stack Overflow Blog
Stack Overflow Blog
小众软件
小众软件
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
V
V2EX
人人都是产品经理
人人都是产品经理
V
Visual Studio Blog
Jina AI
Jina AI
L
LangChain Blog
M
MIT News - Artificial intelligence
MongoDB | Blog
MongoDB | Blog
Last Week in AI
Last Week in AI
Martin Fowler
Martin Fowler
WordPress大学
WordPress大学

夜法之书

Hexo主题功能测试-自动化测试篇 Hexo主题功能测试-Markdown语法篇 | 夜法之书 Hexo主题功能测试-内容tag篇 | 夜法之书 Hexo主题功能测试-布局与页面篇 | 夜法之书 在Linux上运行OpenAI Codex Desktop完整指南 | 夜法之书 如何优雅的给npm包打补丁--以hexo-minify包为例 | 夜法之书 2026 年免费 LLM API 完全指南:13 家提供商 + AI 网关高级玩法 + 本地模型 信息的战场之传播媒介进化史 | 夜法之书 AI帝国诞生的未来畅想 | 夜法之书 作为开发者为什么你必须学习开源Linux? | 夜法之书 广义相对论:弯曲的时空 | 夜法之书 狭义相对论:时空的革命 | 夜法之书 穿越牛熊的“金融诺亚方舟”:永久投资组合全解析 | 夜法之书 内网域名管理+DNS加速+DNS去广告+魔法上网的终极系统 | 夜法之书 PostgreSQL 实现原理深度剖析:高性能数据库引擎的核心机制 | 夜法之书 PostgreSQL 使用全面指南:从入门到企业级应用 | 夜法之书 MySQL 使用全面指南:从入门到高级实践 | 夜法之书
Hexo主题功能测试-交互视觉篇 | 夜法之书
hexo · 2026-08-07 · via 夜法之书

交互视觉功能测试(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 规则。