Pandoc使用疑问：如何避免自动生成段落或为段落添加CSS类？

你遇到的问题是Pandoc会将.r-stack容器内的图片自动包裹在<p>标签中，导致reveal.js的堆叠效果失效；添加换行后虽能生效，但会产生多余段落。以下是两种可行的解决技巧：

技巧1：用嵌套div容器避免段落标签 #

通过在每张图片外层添加无类或带类的div容器，让Pandoc生成<div>而非<p>标签，完美适配.r-stack的要求：

:::: { .r-stack }
::: {}
![](img1)
:::
::: {.fragment}
![](img2)
:::
::::

生成的HTML将是：

<div class="r-stack">
<div><img src="img1" /></div>
<div class="fragment"><img src="img2" /></div>
</div>

技巧2：给段落标签直接添加CSS类 #

如果你可以接受保留<p>标签，只需将类属性放在图片下方的单独行，Pandoc会自动将类应用到包裹图片的段落上：

:::: { .r-stack }
![](img1)
{}

![](img2)
{.fragment}
::::

生成的HTML为：

<div class="r-stack">
<p><img src="img1" /></p>
<p class="fragment"><img src="img2" /></p>
</div>

这样既保留了段落结构，又能让fragment类生效，满足reveal.js的动画需求。

内容的提问来源于stack exchange，提问作者SO is dead