使用slidify将图像添加到标题幻灯片

Question

我正在使用最新版本的Rstudio（和knitr），我已经从github安装了slidify的开发版本。 Slidify允许您通过1次点击直接从Rmarkdown到html5slides。

我的问题是我想在标题幻灯片中添加图片，但使用正常的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指定背景图像？

Answer 1

io2012框架中的标题幻灯片标有班级title-slide。因此，您可以使用css自定义幻灯片。例如，如果要指定背景图像，则需要添加以下css。

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

您可以将其与<style></style>标记一起包含在您的Rmd文件中，也可以将其添加到assets/css中的自定义css文件中，该文件将在您运行slidify时自动包含在内。

希望这很有用。

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