爲滑動創建幻燈片模板

Question

我正在嘗試爲我的幻燈片創建模板。我正在使用reveal.js作爲我的框架。我在Rstudio中使用slidingify包。

我在assets/layouts保存在下面的文本爲一個html文件：

--- 
layout: slide 
--- 
{{{ slide.content }}} 

<style> 
    p { 
    color: #00BFFF; 
    position: relative; 
    line-height: 1; 
} 

</style> 

爲此，我想有這種風格的幻燈片上，我將它們標記是這樣的：

--- &test 

### a header 

some text 

不幸的是，這改變了演示文稿中每張幻燈片的文本格式，即使那些我還沒有將&test添加到幻燈片分隔符的格式中。唯一不變的文字是包裹在<p> text </p> HTML標籤中的文字。

謝謝。

Answer 1

當您在slidingify中編寫佈局時，模板會被填充幷包含在html文件中，因此您的樣式塊將全局應用於html文件中的所有內容。

解決這個問題的方法是將其限制在特定的類：如果test.html中包含此

：

<section class='test {{slide.class}}' data-state='{{slide.ds}}' id='{{slide.id}}' data-background='{{slide.bg}}' data-transition='{{slide.dt}}' background-transition='{{slide.bt}}'> 
    {{{ slide.header }}} 
    {{{ slide.content }}} 
    {{# slide.pnotes }} 
    <aside class='notes'> 
    {{{ html }}} 
    </aside> 
    {{/ slide.pnotes }} 
</section> 
<style> 
    .test p { 
    color: #00BFFF; 
    position: relative; 
    line-height: 1; 
    } 

那麼段落樣式只適用於段落中表示幻燈片由--- &test。