rstudio - 使用 Reveal.js 将标题幻灯片图像添加到 RMarkdown 幻灯片

Question

我正在尝试弄清楚如何在使用 RMarkdown 编写时使用 Reveal.js 幻灯片在标题幻灯片上包含居中背景图像 http://rmarkdown.rstudio.com/revealjs_presentation_format.html

我的测试平台如下

---
title: "Attempt"
css: style.css
output: revealjs::revealjs_presentation
---

## Will this work

- Did the title slide have an image?

与 style.css 为

.title {
    background-image: url(http://img1.wikia.nocookie.net/__cb20100706023807/familyguy/images/c/c7/Tauntaun.png);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    }

请注意，.title 是唯一会在标题幻灯片上显示任何图像的内容。根据我在 SO 和其他地方看到的内容，我尝试了一些其他组合。

.section .reveal .state-background 基于 Rstudio 0.98.1028 add background image only to title slide

.title-slide 基于 Adding an image to title slide using slidify

这些都不起作用。我错过了什么吗？也许我遗漏了一个神奇的 YAML 选项？

Answer 1

好的，这是简单的答案。本质上，制作一个空白标题，然后在标题幻灯片上使用图像作为数据背景。您也可以在上述标题幻灯片上做任何您想做的事情。我使用 div 在幻灯片中间放置了一个漂亮的大标题。

---
title: 
output: revealjs::revealjs_presentation
---

## {data-background="http://img1.wikia.nocookie.net/__cb20100706023807/familyguy/images/c/c7/Tauntaun.png"}