如何在Rpres(R Presentation)幻灯片中添加全屏背景图像

Question

我想在用Rstudio创建的R Presentation（Rpres）幻灯片组中的一张或多张幻灯片中添加全屏背景图像。我知道Rstudio的R Presentation幻灯片使用reveal.js框架来获得所有漂亮的养眼效果，而我最接近于实现我想要的效果的方法是下面的例子：https://www.uvm.edu/rsenr/vtcfwru/R/fledglings/14_Slideshows.html并在幻灯片开始前添加以下行：

--- &slidebg bg:url(atlas.png);background-size:cover
### Introduction: about this talk
Blah blah blah...

然而，尽管我看到了图像，但它并没有居中，图像只覆盖了可用的文本区域——也就是说，图像似乎被裁剪了，图像周围有很大的边距。如果有一种方法可以使图像居中并去除图像周围的边距，我就会得到我想要的。我宁愿在编织Rpres文件后不必破解html。此外，我不想用html重新编码我的幻灯片——我喜欢能够在Rstudio中用markdown创建我的幻灯片。

我确实试着遵循这里的建议：Rstudio中的再现-使图像充满整个屏幕特别是关于使用http://github.com/regisb/reveal.js-fullscreen-img但我无法实现这一点——要么是所提出的解决方案不能很好地处理Rpres文件，要么是README中的信息不足以让我拼凑出一个拼凑的文件来实现它。

这似乎是一个非常简单的请求。当然，像在幻灯片上添加背景图像这样简单的事情不会这么难吗？有什么想法吗？

Answer 1

下面是另一个答案：Rstudio 0.98.1028只在标题幻灯片中添加背景图像

您可以有一个自定义css文件，其中包含您的图像作为背景。让我们称之为css-file.css:

<style>
/* Your other css */
    body {
      background-image: url(http://goo.gl/yJFbG4);
      background-position: center center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }
.section .reveal .state-background {
    background-image: url(http://goo.gl/yJFbG4);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
</style>

您可以将其包含在.Rpres文件的开头：

test
========================================================
author: 
date: 
css:css-file.css

这应该会在标题页上为您提供背景图像，并对以下页面进行一些编辑。

啊！