如何使用reveal.js配置markdown?

miz*_*olm 6 markdown reveal.js

我想将reveal.js 与markdown 结合使用。我遵循了完整的设置 安装指南

  1. 安装node.js
  2. 克隆reveal.js存储库
  3. 移动到reveal.js文件夹并安装依赖项
  4. npm start在reveal.js文件夹中运行

然后我修改了index.html页面以按照文档添加 markdown

<section data-markdown>
<textarea data-template>
## slide 1 
please add me another slide

---
## slide 2
I _need_ it 

---
## slide 3
</textarea>
</section>

Run Code Online (Sandbox Code Playgroud)

然而,降价并没有完全发挥作用: Reveal.js 与 Markdown 的问题

所有内容都在同一张幻灯片上,第二行应该是段落。我应该怎么办 ?

Reveal.js@4.0.2

小智 8

我认为你需要指定数据分隔符,在示例中是“---”

<section data-markdown data-separator="---">
Run Code Online (Sandbox Code Playgroud)

:)

并考虑文档的内容

请注意,这对缩进(避免混合制表符和空格)和换行符(避免连续换行)很敏感。

  • 这是正确的(并且确实应该在文档中),但是如果您确实使用 `---` 作为分隔符,那么如果您尝试使用 markdown 表并且无法正确渲染,它将优先。您可以使用 `===` 作为幻灯片,并将上面的行更改为 `&lt;section data-markdown data-separator="==="&gt;`,这样您就可以继续使用表格。 (3认同)