SuperAPI AI 工具集

codefocus

办公与效率

查看项目

更新于 10-16 05:54

技能介绍

用途:CodeFocus 用于 Quarto Revealjs 演示文稿,实现代码的渐进式高亮与讲解,适合分步代码走查和逐步讲解代码概念的教学场景。

安装与配置:使用命令 quarto add reuning/codefocus 安装扩展;在 _quarto.yml 中添加 revealjs-plugins 配置项 codefocus。

用法:在幻灯片中先放置代码块,再添加片段 div。片段使用 .fragment 使内容渐进出现,.current-only 使片段在前进后消失以保持幻灯片整洁,data-code-focus 指定要高亮的行号,支持单行(如 "1")、范围(如 "1-3")和多个指定行(如 "1,3,5"),行号从 1 开始计数。每个片段在按方向键时高亮不同代码行,说明文字在该片段激活时显示在代码下方。

限制:代码块必须位于片段 div 之前;其余平台兼容性、收费等信息暂未提供。