为 slideify 创建幻灯片模板

Question

我正在尝试为我的幻灯片创建一个模板。我使用reveal.js 作为我的框架。我在 Rstudio 中使用 slidify 包。

我已将以下文本保存为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

当您在 slidify 中编写布局时，模板会被填充并包含在 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 表示的段落。