Markdown：从 ioslides 中的 "building" 中排除幻灯片上的元素

Question

我正在使用 RStudio、Markdown 语法和 ioslides 格式构建演示文稿。看看这个例子：

---
title: "Example"
output:
  ioslides_presentation:
toc: yes
widescreen: yes
---
<img style="position:absolute;bottom:75%;left:73%;width:170px;" src="http://developer.r-project.org/Logo/Rlogo-5.png">

## TOC 
<div style="position:absolute;bottom:4%;left:5%;width:450px;font-size:11pt;">FooterFooterFooter</div>

Test Test Test


## Introduction {.smaller .build}
<div style="position:absolute;bottom:4%;left:5%;width:450px;font-size:11pt;">FooterFooterFooter</div>

Test Test Test

如你所见，我在右上角添加了一个标志。它被放在每张幻灯片上，因为我在一开始就包含了它。

在标题幻灯片之后的幻灯片中，我添加了页脚。我必须把它包括在每张幻灯片上。如果我将那行代码放在开头（如徽标），我也会将其显示在标题幻灯片中（我不想发生这种情况）。

如此美味，如此美味。如果我逐块构建幻灯片（如本例中的介绍幻灯片），页脚也是正在构建的元素之一。更准确地说，在第一次单击后，页脚将出现。那是我不想发生的事！我想 "exclude" div-element 包含构建过程中的页脚。

这有可能奏效吗？

否则，如果我在代码开头包含页脚，如何将其从标题页中排除？

感谢您的帮助！

更新：

好的，我找到了解决办法。但是这个很不方便。可以编辑编织的 HTML 文件并将 div-container 放在幻灯片的标题和文章语句之间：

原文：

<slide class=''>
<hgroup><h2>Introduction</h2></hgroup><article  id="introduction" class="smaller build">
<div style="position:absolute;bottom:4%;left:5%;width:450px;font-size:11pt;"> FooterFooterFooter </div>
<p>Test Test Test</p></article></slide>
<slide class="backdrop"></slide>
</slides>

编辑了一个：

<slide class=''>
<hgroup><h2>Introduction</h2></hgroup>
<div style="position:absolute;bottom:4%;left:5%;width:450px;font-size:11pt;">FooterFooterFooter </div>
<article  id="introduction" class="smaller build">

<p>Test Test Test</p></article></slide>
<slide class="backdrop"></slide>
</slides>

这行得通。但是如果我有 50 张幻灯片并且所有幻灯片都是逐张制作的，我将不得不编辑 50 行代码。还有其他建议吗？

Answer 1

因为我不是 CSS 高手，所以我不得不深入研究模板文件。我终于知道了：

添加以下行：

background-image: url(/Users/PATHTOLOGO/logo.pdf) !important;
background-size: 200px;
background-repeat: no-repeat;
background-position: 93.1% 4%;

到 slides > slide CSS 紧跟在 body 标签之后的定义，将在每张幻灯片（包括标题幻灯片）中添加指定的徽标，并将它们排除在构建之外还有！寻找

/* line 58, ../scss/default.scss */
body {
  background: black;
}

/* line 62, ../scss/default.scss */
slides > slide {
  display: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 26px;
  color: #797979;
  width: 900px;
  height: 700px;
  margin-left: -450px;
  margin-top: -350px;
  padding: 40px 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;

}

在default.css。我唯一想不通的是如何将徽标也添加到 section 幻灯片中。我尝试将我的行添加到 slide.dark class 但这没有用。也许有人能解开最后一块拼图 =)

Markdown：从 ioslides 中的 "building" 中排除幻灯片上的元素

Markdown: Exclude elements on slides from "building" in ioslides

markdown

r

presentation