如何控制第一张幻灯片的背景颜色？

Question

作为一个 slifiy newbee，我不明白为什么第一张幻灯片有淡绿色背景，而所有其他幻灯片都有白色背景。

http://www.rpubs.com/ 的“Test for Slidify”示例也显示了这张淡绿色的第一张幻灯片。

如何控制第一张幻灯片的背景颜色？

Answer 1

定义标题幻灯片的 css 包含在 libraries/frameworks/io2012/slidify.css 中。这是控制标题幻灯片的部分。您可以修改它并将其直接添加到您的 Rmd 文件中以覆盖默认样式。

.title-slide {
  background-color: #CBE7A5; /* #EDE0CF; ; #CA9F9D*/
}

.title-slide hgroup > h1{
 font-family: 'Oswald', 'Helvetica', sanserif; 
}

.title-slide hgroup > h1, 
.title-slide hgroup > h2 {
  color: #535E43 ;  /* ; #EF5150*/
}

要在.Rmd 文件中执行此操作，可以在index.Rmd 的YAML 前面部分之后添加以下内容。这会将白色背景应用于标题幻灯片：

---
title       : title slide bg change example
author      : Ramnath
...
mode        : selfcontained # {standalone, draft}
knit        : slidify::knito2slides
---

<style>
.title-slide {
  background-color: #FFFFFF; /* #EDE0CF; ; #CA9F9D*/
}
</style>

记得重新运行slidify("index.Rmd") 以应用更改。