我正在为我的幻灯片创建一个模板。我使用reveal.js
作为我的框架。我正在Rstudio中使用slitify软件包。
我已将以下文本保存为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标记中的文本。
谢谢。
当您在slitify中编写布局时,模板会被填充并包含在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;
}
则段落样式将仅适用于由CCD_ 5表示的幻灯片中的段落。