作为一名Slidify新手,我不明白为什么第一张幻灯片有淡绿色的背景,而其它所有的幻灯片都有白色的背景。
在http://www.rpubs.com/ 的 "Test for Slidify" 示例中也展示了这种淡绿色的第一张幻灯片。
我如何控制这个Slidify幻灯片的第一张幻灯片的背景颜色?
定义标题幻灯片的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")
以应用更改。
<style>
和</style>
标签之间,这样就可以覆盖默认的css样式了。 - Ramnath<style>
和</style>
标签应该放在.Rmd
文件的头部。 - HattrickNZ<style>
标签,并且它完美地起作用了。我将这个添加到了你已经很有帮助的答案中,只是为了明确探询评论的内容。希望这不会超越我的权限,如有需要请随意编辑/更新!只是觉得这可能会有所帮助,因为有人在询问。 - Hendy