我可以使用css为xaringan模板的每张幻灯片添加徽标吗?

我可以使用css为xaringan模板的每张幻灯片添加徽标吗?,xaringan,Xaringan,我想修改提供的.css文件,使其在每张幻灯片的右上角都包含一个小徽标,除了标题、倒数和最后一张幻灯片。理想情况下,我可以在.css文件中添加一些简单的内容,而不是手动编写演示文稿的每张幻灯片 我试着加上这个 background-image: url(https://github.com/jvcasillas/ru_xaringan/raw/master/img/logo/ru_shield.png); background-position: 9% 15%; background-si

我想修改提供的.css文件,使其在每张幻灯片的右上角都包含一个小徽标,除了标题、倒数和最后一张幻灯片。理想情况下,我可以在.css文件中添加一些简单的内容,而不是手动编写演示文稿的每张幻灯片

我试着加上这个

background-image: url(https://github.com/jvcasillas/ru_xaringan/raw/master/img/logo/ru_shield.png);
  background-position: 9% 15%;
  background-size: 55px;

得到

.remark-slide-content {
background-image: url(https://github.com/jvcasillas/ru_xaringan/raw/master/img/logo/ru_shield.png);
  background-position: 9% 15%;
  background-size: 55px;
  padding-left: 100px;  /* delete this for 4:3 aspect ratio */
}

该图像显示在所有幻灯片上,包括标题和过渡。它甚至会覆盖.title幻灯片图像。

您可以执行以下操作以排除标题幻灯片:

但这样做的缺点是,如果您在其他幻灯片中有背景图像,它将覆盖上面的图像。因此,您可能希望定义另一个类,例如,排除:

对于另一个背景图像有问题的相应幻灯片,请禁用此选项并手动添加。例如

class: exclude 
background-image: url("bla")

content

<img class="logopos" src="https://github.com/jvcasillas/ru_xaringan/raw/master/img/logo/ru_shield.png">

您可以执行以下操作以排除标题幻灯片:

但这样做的缺点是,如果您在其他幻灯片中有背景图像,它将覆盖上面的图像。因此,您可能希望定义另一个类,例如,排除:

对于另一个背景图像有问题的相应幻灯片,请禁用此选项并手动添加。例如

class: exclude 
background-image: url("bla")

content

<img class="logopos" src="https://github.com/jvcasillas/ru_xaringan/raw/master/img/logo/ru_shield.png">

最近我遇到了Garrick Aden Buie的xaringanExtra包,请参见。许多有用的功能,包括一个非常简单的标志处理选项。你只需要添加一块

```{r xaringan-logo, echo=FALSE}
xaringanExtra::use_logo(
image_url = <fill in your path> )
```

仅此而已。

最近我遇到了Garrick Aden Buie的xaringanExtra软件包,请参见。许多有用的功能,包括一个非常简单的标志处理选项。你只需要添加一块

```{r xaringan-logo, echo=FALSE}
xaringanExtra::use_logo(
image_url = <fill in your path> )
```

就这些。

谢谢您的回答@Emi。您提供的第一种方法按预期工作,将徽标从标题幻灯片中排除,同时将其放在所有其他幻灯片上。不幸的是,它没有从类反转的幻灯片中删除它,我也希望它消失,以便进行更明显的转换。当我手动禁用徽标时,第二种方法会从幻灯片中删除徽标,即class:exclude,但它会出现在标题幻灯片中。您可以重复第一种方法,将not.title-slide替换为not.reverse,以防止徽标出现在反向中。不幸的是,如果我用not.inverse重复第一个例子,小徽标仍然会出现在类inverse的页面上。谢谢你的回答@Emi。您提供的第一种方法按预期工作,将徽标从标题幻灯片中排除,同时将其放在所有其他幻灯片上。不幸的是,它没有从类反转的幻灯片中删除它,我也希望它消失,以便进行更明显的转换。当我手动禁用徽标时,第二种方法会从幻灯片中删除徽标,即class:exclude,但它会出现在标题幻灯片中。您可以重复第一种方法,将not.title-slide替换为not.reverse,以防止徽标出现在反向中。不幸的是,如果我用not.inverse重复第一个示例,那么小徽标仍然会出现在类inverse的页面上。
```{r xaringan-logo, echo=FALSE}
xaringanExtra::use_logo(
image_url = <fill in your path> )
```