html - 使用 reveal.js 在 Quarto 演示文稿标题幻灯片左上角添加小 Logo

Question

如何使用 reveal.js 在我的 Quarto 演示文稿标题幻灯片的左上方添加一个小 Logo ？

关于 Quarto/reveal.js 演示的信息:https://quarto.org/docs/presentations/

Answer 1

如果只想在左上角的 Title 幻灯片中添加 Logo ，一种简单的方法是使用 title-slide-attributes 指定背景图像，然后缩放 img变小，然后移动左上角的 img。

代表

---

presentation.qmd

---
title: "Logo in top-left corner"
format: revealjs
title-slide-attributes: 
  data-background-image: quarto.png
  data-background-size: 15%
  data-background-position: 2% 2%
---

## Quarto

Quarto enables you to weave together content and executable code into a finished
presentation. To learn more about Quarto presentations see
<https://quarto.org/docs/presentations/>.

## Bullets

When you click the **Render** button a document will be generated that includes:

-   Content authored with markdown
-   Output from executable code

四开本.png

---

渲染输出

---