css - 我想使用 xaringan 将我的徽标添加到幻灯片标题行

Question

我正在使用xaringan并且我想在所有幻灯片（除了）第一张和倒置的幻灯片中使用该徽标。我想将徽标放在标题行（标题级别 1）上，但是，使用css选项（即background-position）我只能将其放在标题行的正下方。

Answer 1

使用包中的功能use_logo()，xaringanExtra解决了这个问题。:)

Answer 2

您可以layout: true使用该幻灯片以后的模板添加和后续幻灯片。您可以使用background-size设置徽标的大小和background-position设置徽标的位置。例如background-position: 10% 10%，表示您的徽标的左下角将位于距左侧 10% 和距顶部 10% 的位置。

layout: true
background-image: url("your_logo.jpg")
background-size: 200px
background-position: 10% 10%

---

# Slide 2 should have logo

---

# Slide 3 should have logo

---

class: inverse

# Slide 4

如果您不希望徽标出现在 class 是 inverse 的位置，那么您可以在 css 中设置以下内容：

.inverse {
  background-image: none!important;
}