Css yaml标题中指定的自定义背景图像

Css yaml标题中指定的自定义背景图像,css,r,yaml,r-markdown,xaringan,Css,R,Yaml,R Markdown,Xaringan,我对多个演示文稿使用相同的css文件。我想更改每个演示文稿标题幻灯片的背景图像,而不必每次创建新的css文件 现在路径是这样硬编码的 .title-slide { background-image: url(path/to/image); background-size: cover; } 但是我想在yaml头中指定图像的路径,如下所示 --- background_image: "path/to/image" --- 这可能吗 是的,这是可能的。最简单的

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

现在路径是这样硬编码的

.title-slide {
       background-image: url(path/to/image);
       background-size: cover;
    }
但是我想在yaml头中指定图像的路径,如下所示

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

这可能吗

是的,这是可能的。最简单的方法是首先禁用标题幻灯片的自动创建,包括
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.