css - yaml header 中指定的自定义背景图片

Question

我对多个演示文稿使用相同的 css 文件。我想更改每个演示文稿的标题幻灯片的背景图像，而不是每次都创建一个新的 css 文件。

现在路径是这样硬编码的

.title-slide {
       background-image: url(path/to/image);
       background-size: cover;
    }

但我想像这样在 yaml header 中指定图像的路径

---
background_image: "path/to/image"
---

这可能吗？

Answer 1

是的，这是可能的。最简单的方法是首先通过包含 seal: false 禁用标题幻灯片的自动创建，并使用 yaml 数据指定您自己的标题幻灯片。

---
title: "Modify title background image"
author: "Emi Tanaka"  
date: "07/09/2019"
output: 
  xaringan::moon_reader:
    seal: false
params: 
    background_img: "someimages.png"
---


class: title-slide center middle
background-image: url(`r params$background_img`)
background-size: cover


# `r rmarkdown::metadata$title`

## `r rmarkdown::metadata$author`

### `r rmarkdown::metadata$date`

---

Your first non-title slide content here.