相关疑难解决方法(0)

使用slidify将图像添加到标题幻灯片

我正在使用最新版本的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指定背景图像?

r r-markdown slidify

13
推荐指数
1
解决办法
5069
查看次数

使用 quarto 的 Reveal 实现在标题幻灯片中自定义背景

我正在使用 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不起作用。

pandoc reveal.js quarto

7
推荐指数
1
解决办法
2707
查看次数

Rstudio 0.98.1028仅将背景图像添加到标题幻灯片

我试图使用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?

css r rstudio r-markdown

5
推荐指数
1
解决办法
2363
查看次数

标签 统计

r ×2

r-markdown ×2

css ×1

pandoc ×1

quarto ×1

reveal.js ×1

rstudio ×1

slidify ×1