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; 
} 

這應該解決您的第二個問題，以及無需觸發動態的。