You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Reveal.js Markdown演示文稿中调整幻灯片可见性

在Reveal.js的Markdown编写模式下,要隐藏指定幻灯片,只需在对应幻灯片的前一个分隔符---后,添加幻灯片属性声明注释<!-- .slide: data-visibility="hidden" -->即可。

该语法是Reveal.js内置的Markdown属性绑定规则,<!-- .slide: -->格式的注释会被识别为给当前幻灯片添加对应HTML属性,和直接给<section>标签加属性的效果完全一致,可正常实现隐藏幻灯片、跳过播放的效果。

示例:如果要隐藏你给出代码中的Slide 2,修改后的完整代码如下:

<section data-markdown>
  <textarea data-template>
    ## Slide 1
    ---
    <!-- .slide: data-visibility="hidden" -->
    ## Slide 2
    ---
    ## Slide 3
  </textarea>
</section>

如果需要隐藏首张幻灯片,直接将属性注释放在首张幻灯片所有内容的最上方即可。

内容的提问来源于stack exchange,提问作者Alexander Trotsenko

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.06 04:00:04