我想使用 xaringan 将我的徽标添加到幻灯片 header 行
I want to add my logo to the slides header lines using xaringan
我正在使用 xaringan
并且我想在所有幻灯片(第一张和倒置的幻灯片除外)中使用徽标。我想将徽标放在 header 行(标题级别 1)但是,使用 css
选项(即 background-position
)我只能将其放在 [= 的正下方16=]行。
您可以添加 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 的反面,那么您可以在 css 中设置以下内容:
.inverse {
background-image: none!important;
}
使用 xaringanExtra
包中的函数 use_logo()
解决了问题。 :)
我正在使用 xaringan
并且我想在所有幻灯片(第一张和倒置的幻灯片除外)中使用徽标。我想将徽标放在 header 行(标题级别 1)但是,使用 css
选项(即 background-position
)我只能将其放在 [= 的正下方16=]行。
您可以添加 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 的反面,那么您可以在 css 中设置以下内容:
.inverse {
background-image: none!important;
}
使用 xaringanExtra
包中的函数 use_logo()
解决了问题。 :)