Quarto RevealJS演示文稿背景图片配置问题咨询

问题1：演示模式下背景图超出幻灯片边界 #

在幻灯片属性中补充完整的背景控制参数，确保编辑模式与演示模式下尺寸一致：

## 幻灯片标题 {background-image="image.jpg" background-size="contain" background-position="center" background-repeat="no-repeat"}

• background-size: contain：保证图片完整显示且不超出幻灯片范围
• background-position: center：将图片居中对齐
• background-repeat: no-repeat：禁止图片重复平铺
  若需要图片铺满幻灯片（允许裁剪边缘），将contain替换为cover即可。

问题2：全局添加背景图（排除标题页） #

通过自定义CSS实现全局配置，无需逐页设置：

1. 在Quarto文档的YAML头部启用自定义CSS：

---
title: "你的演示文稿标题"
format:
  revealjs:
    css: custom.css
---

2. 创建custom.css文件，写入以下样式：

/* 为所有非标题页幻灯片设置背景图 */
.reveal .slide:not(.title-slide) {
  background-image: url("image1.jpg");
  background-size: contain; /* 按需替换为cover */
  background-position: center;
  background-repeat: no-repeat;
}

直接在YAML根节点设置background-image无效的原因是RevealJS全局背景配置未默认启用缩放逻辑，且优先级低于幻灯片级属性，通过CSS可精准控制排除标题页的全局背景。

内容的提问来源于stack exchange，提问作者Claudio