Заполнитель изображения в Xaringan

Question

Я использую библиотеку xaringan от Yihui в R, чтобы создать собственный шаблон для презентации.

Частью этого является создание пользовательских body слайдов, как показано ниже.

Затем я использую пользовательские CSS дляЗаголовки и тело:

  .body-yellow > h2 {
      font-size: 42px;
      text-transform: uppercase;
      padding-left: 
}

А затем просто наберите rmarkdown что-то вроде:

---
class: body-yellow

# Hello

## world

Hello world

Это заполняет слайд.

У меня вопрос, есть ли способ создать заполнитель для изображения, показанного в шаблоне выше, который я мог бы настроить в самом коде rmarkdown?

Я представляю код, подобный:

---
class: body-yellow
background-images: url(./img/my_new_custom_image.png)

# Hello

## world

Hello world

И соответствующая настройка в CSS:

 .body-yellow > image {
    background-images: PLACEHOLDER
    position:right
    }

, которая изменит изображение следующим образом:

Извините за мое CSS невежество, но я только начинаю баловаться этой областью.

Answer 1

Вы можете установить глобальное фоновое изображение для класса body-yellow и переопределить его атрибутом background-image на конкретном слайде.Вот минимальный пример:

---
title: "Test"
output:
  xaringan::moon_reader:
    nature:
      ratio: "16:9"
---

class: body-yellow

```{css, echo=FALSE}
 .body-yellow > h2 {
  font-size: 42px;
  text-transform: uppercase;
  padding-left: 50px;
}
.body-yellow {
  background-image: url(https://i.stack.imgur.com/OSrg8t.png);
  background-size: contain;
}
```


## Default background

---
class: body-yellow
background-image: url(https://i.stack.imgur.com/X1C2Bt.png)

## A custom background