使用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);
   }

您可以将其直接添加到Rmd文件中,方法是将其与<style></style>标记一起或附加到自定义css文件中assets/css,该文件将在您运行时自动包含slidify.

希望这很有用.

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