在 Pandoc markdown 中将一个类添加到一组元素中?



我使用Pandoc为我的网站创建内容。

例如,我在页面上有以下内容:

# About me
Some text.
## My hobbies
### Hiking
Some text about hiking.
### Dancing
Some text about dancing.
### Other
Some text about other.
## Why I love Pandoc
Some more text.

Pandoc 为我解析了这一点并输出了漂亮的 HTML。

但是我想进一步对这个HTML进行后处理,例如,我希望爱好部分成为手风琴。

为此,我希望它位于自己的容器中,例如<div class="accordion">.这可能吗?

更新

通过将类附加到特定标题,我可以实现接近我需要的东西:

## My hobbies {.accordion}
...

现在我可以像这样使用 CSS 定位所有内容(代码未测试(:

h2.accordion ~ *:not(h1, h2) {
color: red;
}

这假设相同(或更高(级别上下一个标题之前的所有内容都属于轮播。

这可能会有所帮助。我不知道它是否符合我的所有要求,但这是一个开始。

当然,markdown 支持原始 HTML 和本机div:

## My hobbies
<div class="hobbies">
### Hiking
Some text about hiking.
</div>

由于 pandoc 2.0 甚至fenced_divs

## My hobbies
::: hobbies
### Hiking
Some text about hiking.
:::

最新更新