用途:指导 AI 使用 reveal.js 快速、可靠地创建与更新演示文稿,涵盖从零搭建、把已有 HTML 或 Markdown 内容迁移为幻灯片,以及启用 Fragments、Auto-Animate、演讲者视图、数学公式、代码高亮、PDF 导出、滚动视图等进阶功能。\n\n主要能力:支持静态 HTML(UMD)与 npm/ESM 两种集成方式;可通过插件系统注册 Markdown、Highlight、Notes、Math、Search、Zoom 等;支持水平与垂直幻灯片、fragments、背景、过渡与媒体;可配置 hash、slideNumber、navigationMode、autoSlide 和 view: 'scroll' 等运行时行为。\n\n使用方式:先分析内容并说明设计方案(主题、语气、受众、品牌与配色理由),再选择集成模式。基础结构为 .reveal > .slides > section。静态 HTML 需引入 dist/reveal.css、主题样式和 reveal.js,再调用 Reveal.initialize;npm/ESM 方式则 import Reveal 及插件并 await deck.initialize()。Markdown 幻灯片可用带有 data-markdown 的 section 与 textarea data-template。导出 PDF 使用 ?print-pdf 后经浏览器打印。\n\n适用场景:快速制作技术分享、课程、产品演示等网页幻灯片,或将其嵌入 React、npm 工程。\n\n限制:外部 Markdown 需要本地 Web 服务器;纯 reveal.js 不使用 Pandoc 的 slide-level 与 Quarto 的 ::: columns、callout 等语法,需改用 HTML/CSS 布局;emoji 需使用 Unicode 或由前置管道处理;字体大小在幻灯片样式中应使用 pt 单位。具体主题、插件与版本相关信息以官方文档为准。
slides-revealjs
办公与效率
更新于 10-16 04:29