我使用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.
:::