这是一个类似的问题,一个较老但尚未回答的问题。我正在使用 ioslides (rmarkdown),并且我想在所有幻灯片上都包含一个徽标,但溢出的幻灯片除外(因此需要滚动条)。
我知道如何在除标题幻灯片 ( https://stackoverflow.com/questions/32458089/add-logo-only-on-first-main-slide-in-ioslides-rstudio?noredirect=1&lq=1
) 之外的所有幻灯片上隐藏徽标。
我还知道如何更改主体幻灯片 ( https://github.com/rstudio/rmarkdown/pull/567/commits/78cd4b7638416e30de0c9784cbe678f882bf4897
) 上徽标的大小。然后,从旧帖子 ( https://stackoverflow.com/questions/38338469/hide-logo-and-page-number-only-for-scrolling-slides-in-rmarkdown
) 中获取信息以及有关创建自定义选项的信息,如此处所述:
“您还可以通过向文档中的幻灯片标题添加 id 或类来使用自定义 CSS 定位特定幻灯片或切片类。例如以下幻灯片标题:”
## Next Steps {#nextsteps .emphasized}
“将使您能够使用以下任一 CSS 选择器将 CSS 应用于其所有内容:”
#nextsteps {
color: blue;
}
.emphasized {
font-size: 1.2em;
}
我尝试在 .Rmd 文件中执行这两项操作:
## A long slide {#nologo}
这在 .css 文件中(我将default.css
( https://github.com/rstudio/rmarkdown/blob/3d46213d750fd4ebb83e73d0df357f081c73f49f/inst/rmd/ioslides/ioslides-13.5.1/theme/css/default.css
) 文件复制到我的工作目录中):
#nologo {
slides > slide { overflow: scroll; } !important;
slides > slide:not(.nobackground):after {content: '';} !important;
slides > slide:not(.nobackground):before {background: none;} !important;
}
那没有用。这也没有:
slides > slide #nologo {
slide { overflow: scroll; } !important;
slide:not(.nobackground):after {content: '';} !important;
slide:not(.nobackground):before {background: none;} !important;
}
这是一个MWE:
.Rmd 文件:
---
title: "Slideshow"
author: "me"
date: "`r format(Sys.time(), '%d %B %Y')`"
css: css/default.css
logo: images/logo.png
output:
ioslides_presentation:
incremental: true
keep_md: true
---
# First Section
## Normal slide
Text here, blahblahblah
## Scrolling slide
```{r}
df <- iris
head(df, 25)
```
而 css 文件是default.css
具有以下例外的文件:
/* Change size of logo on regular slides */
/* https://github.com/rstudio/rmarkdown/pull/567/commits/78cd4b7638416e30de0c9784cbe678f882bf4897 */
slides > slide:not(.nobackground):before {
width: 75px;
height: 75px;
background-size: 75px 75px;
}
/* overflow changed from hidden to auto */
/* line 98, ../scss/_base.scss */
slides > slide {
display: block;
position: absolute;
/* overflow: hidden; */
overflow: auto;
left: 50%;
top: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
我想知道在构建过程中是否有一种方法可以“检查”幻灯片是否会溢出并自动抑制徽标和/或页码,或者我是否可以在每张幻灯片的基础上传递一个选项来抑制徽标和/或页码?