reveal.js标题幻灯片覆盖

Question

我想将我的reveal.js设置为第一个（标题）幻灯片，与我的其他幻灯片略有不同。 如何为“标题”幻灯片创建单独的部分环境：

1. 所有标题和文字都集中在哪里？
2. 所有内容在中间垂直对齐？

我的默认（内容）幻灯片应左对齐而不是垂直居中。这意味着在init部分Reveal.initialize({... center: false, ...})

对于我的自定义 theme.css ，所有标题和段落文字都与text-align: left左对齐。

我希望有一些<section data-center=true>覆盖选项，但似乎没有。我一直在摆弄div，但我不是很棒的HTML / CSS大师。

作为后续问题，如果在幻灯片上使用<h1>，是否会自动触发？这将允许我使用外部Markdown作为内容而不是其他。

Answer 1

只需使用一个类命名标题幻灯片

<section class="title-slide">
    <h1>Title</h1>
</section>

并使其具有比其他幻灯片更高的特异性

h1 {
    text-align: left;
}

.title-slide h1 {
    text-align: center;
}

这也应该解决你的第二个问题，而不必动态触发任何事情。