【发布时间】:2020-04-08 11:09:41
【问题描述】:
我正在使用xaringan,我想在所有幻灯片(除了第一张和倒置的幻灯片)中使用该徽标。我想将徽标放在标题行(标题级别 1)上,但是,使用css 选项(即background-position)我只能将它放在标题行的正下方。
【问题讨论】:
我正在使用xaringan,我想在所有幻灯片(除了第一张和倒置的幻灯片)中使用该徽标。我想将徽标放在标题行(标题级别 1)上,但是,使用css 选项(即background-position)我只能将它放在标题行的正下方。
【问题讨论】:
您可以添加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;
}
【讨论】:
layout: true background-image: url("your_logo.jpg") background-size: 200px background-position: 10% 10% 在.css 中?还是直接在markdown?
使用xaringanExtra 包中的函数use_logo(),解决了这个问题。 :)
【讨论】: