我正在使用最新版本的Rstudio(和knitr),我已经从github安装了slidify的开发版本.Slidify允许您通过1次点击直接从Rmarkdown到html5slides.
我的问题是我想在标题幻灯片中添加图像,但使用正常的Rmarkdown语法不起作用.我认为这是因为第一张幻灯片被指定为YAML.
title :
subtitle :
author :
job :
framework : io2012 # {io2012, html5slides, shower, dzslides, ...}
highlighter : highlight.js # {highlight.js, prettify, highlight}
hitheme : tomorrow #
widgets : [] # {mathjax, quiz, bootstrap}
mode : selfcontained # {standalone, draft}
Run Code Online (Sandbox Code Playgroud)
如果我在第一个幻灯片规范中添加任何内容,我会在函数yaml.load()中收到错误,该函数解析YAML.有没有办法使用YAML指定背景图像?
我正在使用 quarto 的 Reveal.js 实现。我一直在阅读有关自定义主题的官方文档页面,并且对 SCSS 规则相对熟悉。
我已经能够为幻灯片创建类,然后通过 SCSS 规则自定义它们。遗憾的是,我无法向#title-slide覆盖整个区域的第一张幻灯片 ( ) 添加自定义背景(颜色或理想情况下图像背景),就像我在其他常规幻灯片中所做的那样,如此处所述。
除了将演示文稿的属性留空之外,还有什么方法可以将自定义背景添加到第一张幻灯片吗?
编辑:
不确定这是否是正确的方法,但我尝试在 yaml 元数据中添加背景图像 url 并且它有效:
---
title: "My title"
background-image: "https://images.unsplash.com/flagged/photo-1580139624070-910f651c1b78?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80"
background-opacity: "0.45"
format:
revealjs:
theme: [default]
logo: images/logo_black.png
editor: visual
---
Run Code Online (Sandbox Code Playgroud)
遗憾的是,诸如background-color和 之类的属性background-opacity不起作用。
我试图使用RStudio 0.98.1028创建R演示文稿(.Rpres),标题幻灯片上有不同的背景图像,其余幻灯片上有另一个背景图像.我可以通过在其中创建一个css文件来放置自定义背景(foo.png):
body {
background-image: url(foo.png);
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: 100% 100%;
}
Run Code Online (Sandbox Code Playgroud)
我能够关闭标题幻灯片上的默认颜色方案,并使用以下颜色将颜色设置为黑色:
.section .reveal .state-background {
background: transparent;}
.section .reveal h1,
.section .reveal p {
color: black;
}
Run Code Online (Sandbox Code Playgroud)
要将foo1.png导入标题幻灯片,其他帖子(使用slidify将图像添加到标题幻灯片)我看到建议将此添加到css:
.title-slide {
background-image: url(foo1.png);
}
Run Code Online (Sandbox Code Playgroud)
哪个不插入foo1.png.但是,foo.png会保留在所有幻灯片上(包括标题幻灯片).如何在标题幻灯片上获取foo1.png?