使用 reveal.js 在 Quarto 演示文稿標題幻燈片左上角添加小徽標

Question

如何使用 reveal.js 在我的 Quarto 演示文稿標題幻燈片的左上角添加一個小徽標？

關於 Quarto/reveal.js 演示文稿的信息： https://quarto.org/docs/presentations/

Answer 1

如果只想在左上角的 Title 幻燈片中添加徽標，一種簡單的方法是使用title-slide-attributes指定背景圖像，然后將 img 縮放到小，然后將 img 移動到 top-左角。

代表

---

演示文稿.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

---

呈現 output

---