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

Question

我使用的是最新版本的Rstudio (和knitr)，并且我已经从github安装了slidify的开发版本。Slidify允许你一次点击就能直接从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的函数yaml.load()中得到一个错误。有没有办法使用YAML指定背景图像？

Answer 1

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

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

您可以通过使用<style></style>标签将其直接添加到Rmd文件中，也可以将其添加到assets/css中的自定义css文件中，当您运行slidify时，该文件将自动包含在其中。

希望这是有用的。

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