如何修改 R Markdown 标题幻灯片上的文本和徽标的位置
How can I modifiy the positions of the text and logo on RMarkdown title slide
因为标题幻灯片底部的图片,我想:
- 将所有
title
、subtitle
和 author
从它们的中心位置向上移动。
- 仅删除标题幻灯片中的
Rlogo
(真的不知道该怎么做)。我现在只能使用 .title-slide .remark-slide-number { display: none; }
删除幻灯片编号。
如有任何建议,我们将不胜感激!谢谢!
这是我的可重现示例:
tweaks.css 文件
/* for logo and slide number in the footer */
.remark-slide-content:after {
content: "";
position: absolute;
bottom: 15px;
right: 8px;
height: 40px;
width: 120px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("Rlogo.png");
}
/* for background image in title slide */
.title-slide {
background-image: url("slideMasterSample.png");
background-size: cover;
}
.title-slide h1 {
color: #F7F8FA;
margin-top: -170px;
}
.title-slide h2, .title-slide h3 {
color: #e7e8e2;
line-height: 1.0em;
margin-top: -75px;
}
.title-slide .remark-slide-number {
display: none;
}
第一次尝试:修改了 tweaks.css
文件中的 margin-top
,如 xaringan
wiki
中所述
---
title: "Presentation Ninja"
subtitle: "xaringan"
author: "Author"
output:
xaringan::moon_reader:
lib_dir: libs
css: ["default", "tweaks.css"]
nature:
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
---
结果 1:
第二次尝试:将<br>
添加到title
以手动将其向上推,然后是subtitle
和author
也被推倒了。将 <br>
添加到 subtitle
和 author
也没有帮助。
---
title: "Presentation Ninja<br><br><br><br><br><br>"
subtitle: "xaringan"
author: "Author"
output:
xaringan::moon_reader:
lib_dir: libs
css: ["default", "tweaks.css"]
nature:
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
---
结果 2:
使用的照片
使用 seal: false
您可以创建独立于 YAML header 的标题幻灯片。它通常简化幻灯片创建 imo。
对于除标题幻灯片外所有幻灯片中的 R 徽标,创建自定义 div 并将其设置为 layout
。
CSS:
.title-slide {
background-image: url("slideMasterSample.png");
background-size: cover;
}
.title-slide h1, h2, h3 {
text-align: center;
color: #F7F8FA;
}
.title-slide .remark-slide-number {
display: none;
}
div.my-footer {
content: "";
position: absolute;
bottom: 15px;
right: 8px;
height: 40px;
width: 120px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("Rlogo.png");
}
路径:
---
title: "Presentation Ninja"
subtitle: "xaringan"
author: "Author"
output:
xaringan::moon_reader:
lib_dir: libs
css: ["tweaks.css", "default"]
nature:
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
seal: false
---
```{r setup, include=FALSE}
options(htmltools.dir.version = FALSE)
```
class: title-slide
# Header 1
## Header 2
### Header 3
---
layout: true
<div class="my-footer"></div>
---
# new slide 1
---
# new slide 2
因为标题幻灯片底部的图片,我想:
- 将所有
title
、subtitle
和author
从它们的中心位置向上移动。 - 仅删除标题幻灯片中的
Rlogo
(真的不知道该怎么做)。我现在只能使用.title-slide .remark-slide-number { display: none; }
删除幻灯片编号。
如有任何建议,我们将不胜感激!谢谢!
这是我的可重现示例:
tweaks.css 文件
/* for logo and slide number in the footer */
.remark-slide-content:after {
content: "";
position: absolute;
bottom: 15px;
right: 8px;
height: 40px;
width: 120px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("Rlogo.png");
}
/* for background image in title slide */
.title-slide {
background-image: url("slideMasterSample.png");
background-size: cover;
}
.title-slide h1 {
color: #F7F8FA;
margin-top: -170px;
}
.title-slide h2, .title-slide h3 {
color: #e7e8e2;
line-height: 1.0em;
margin-top: -75px;
}
.title-slide .remark-slide-number {
display: none;
}
第一次尝试:修改了 tweaks.css
文件中的 margin-top
,如 xaringan
wiki
---
title: "Presentation Ninja"
subtitle: "xaringan"
author: "Author"
output:
xaringan::moon_reader:
lib_dir: libs
css: ["default", "tweaks.css"]
nature:
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
---
结果 1:
第二次尝试:将<br>
添加到title
以手动将其向上推,然后是subtitle
和author
也被推倒了。将 <br>
添加到 subtitle
和 author
也没有帮助。
---
title: "Presentation Ninja<br><br><br><br><br><br>"
subtitle: "xaringan"
author: "Author"
output:
xaringan::moon_reader:
lib_dir: libs
css: ["default", "tweaks.css"]
nature:
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
---
结果 2:
使用的照片
使用 seal: false
您可以创建独立于 YAML header 的标题幻灯片。它通常简化幻灯片创建 imo。
对于除标题幻灯片外所有幻灯片中的 R 徽标,创建自定义 div 并将其设置为 layout
。
CSS:
.title-slide {
background-image: url("slideMasterSample.png");
background-size: cover;
}
.title-slide h1, h2, h3 {
text-align: center;
color: #F7F8FA;
}
.title-slide .remark-slide-number {
display: none;
}
div.my-footer {
content: "";
position: absolute;
bottom: 15px;
right: 8px;
height: 40px;
width: 120px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("Rlogo.png");
}
路径:
---
title: "Presentation Ninja"
subtitle: "xaringan"
author: "Author"
output:
xaringan::moon_reader:
lib_dir: libs
css: ["tweaks.css", "default"]
nature:
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
seal: false
---
```{r setup, include=FALSE}
options(htmltools.dir.version = FALSE)
```
class: title-slide
# Header 1
## Header 2
### Header 3
---
layout: true
<div class="my-footer"></div>
---
# new slide 1
---
# new slide 2