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

Jos*_*eim 1 html pandoc

我使用 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.
Run Code Online (Sandbox Code Playgroud)

Pandoc 为我解析这个并输出漂亮的 HTML。

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

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

更新

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

## My hobbies {.accordion}

...
Run Code Online (Sandbox Code Playgroud)

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

h2.accordion ~ *:not(h1, h2) {
  color: red;
}
Run Code Online (Sandbox Code Playgroud)

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

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

mb2*_*b21 5

当然,Markdown 支持原始 HTML原生 div

## My hobbies

<div class="hobbies">
### Hiking
Some text about hiking.
</div>
Run Code Online (Sandbox Code Playgroud)

自 pandoc 2.0 起甚至fenced_divs

## My hobbies

::: hobbies
### Hiking
Some text about hiking.
:::
Run Code Online (Sandbox Code Playgroud)