将图像添加到ioslides演示文稿的标题页

时间:2017-01-10 22:44:03

标签: css r r-markdown ioslides

是否可以将图像添加到ioslides演示文稿的标题页? 我希望在代替xyz之后添加一个大徽标。

---
title: "Empowering Data-Driven Decisions at <br> xyz"
author: Omayma Said
date: Jan 11, 2017
output: ioslides_presentation
---

enter image description here

2 个答案:

答案 0 :(得分:1)

是的。有一个标准选项,可以在ioslides bookdown documentation中包括一个小的徽标,以及一些使用CSS制作自定义尺寸图片的代码。该css可以放在单独的文档中,也可以在文档的开头YAML标头之后,当您只需要添加几行时,通常更容易。

以下是使用bookdown documentation中的代码段将css放入文档中的示例。

---
output:
  ioslides_presentation:
    logo: logo.png
---

<script>

    .gdbar img {
        width: 300px !important;
        height: 150px !important;
        margin: 8px 8px;
    }

    .gdbar {
        width: 400px !important;
        height: 170px !important;
    }

    slides > slide:not(.nobackground):before {
        width: 150px;
        height: 75px;
        background-size: 150px 75px;
    }

</script>

# Transition slide

## First slide

答案 1 :(得分:1)

是的,在 css 的帮助下是可能的。

第一步是在markdown的输出中添加css:

---
title: "Your <br> Title"
author: "Author Name"
date: "<div class = 'slide-date'>`r format(Sys.Date(),format='%B %Y')` <div>"
output:
  ioslides_presentation:
    css: styles.css
---

下一步是在你的styles.css文件中添加图片

slides>slide.title-slide {
    background-image: url('title_image.png');
    background-size: 100% 100%;
}

快乐编码!