Question

我使用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;
}

这假设直到同一（或更高）级别的下一个标题的所有内容都属于轮播。

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

Answer 1

当然，降价支持raw HTML和native divs：

## My hobbies

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

因为pandoc 2.0甚至fenced_divs：

## My hobbies

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

在Pandoc markdown中为一组元素添加一个类？

1 个答案: