2013-03-06 91 views
13

我正在使用Rstudio(和knitr)的最新版本,并且我已经安装了github中的slidingify开发版本。 Slidify允许你直接从Rmarkdown直接点击html5slides。使用slidingify将图像添加到标题幻灯片

我的问题是我想添加一个图像到标题幻灯片,但使用正常的Rmarkdown语法不起作用。我认为这是因为第一张幻灯片被指定为YAML。

title  : 
subtitle : 
author  : 
job   : 
framework : io2012  # {io2012, html5slides, shower, dzslides, ...} 
highlighter : highlight.js # {highlight.js, prettify, highlight} 
hitheme  : tomorrow  # 
widgets  : []   # {mathjax, quiz, bootstrap} 
mode  : selfcontained # {standalone, draft} 

如果我添加任何东西到这第一张幻灯片规范,我得到一个错误的功能yaml.load(),它解析YAML。有没有办法使用YAML指定背景图片?

回答

12

io2012框架中的标题幻灯片标记为类title-slide。所以你可以使用CSS自定义幻灯片。例如,如果你想指定一个背景图片,你需要添加下面的CSS。

.title-slide { 
    background-image: url(http://goo.gl/cF6W2); 
    } 

您可以通过与<style></style>标签或在assets/css一个自定义的CSS文件,当您运行slidify将自动被纳入封闭它直接将其添加到您的RMD文件。

希望这是有用的。

编辑。如果您想进一步自定义标题幻灯片的外观,可以调整libraries/frameworks/io2012/layouts/deck.html中的行。

+0

谢谢Ramnath。真是太棒了!在这一点上滑动文档的最佳资源是什么? – 2013-03-07 15:47:57

+0

在这一点上,它将是http://slidify.org,但我计划更广泛地记录。对于问题,最好的地方将是SO或github上的问题页面。 – Ramnath 2013-03-07 15:56:53

+0

你能接受这个答案并关闭这个问题吗? – Ramnath 2013-03-11 01:00:55