如何在Xaringan中调整标题位置同时保留标题页背景图？

当添加titleSlideClass: [top, left]后背景图消失，本质是自定义类干扰了Metropolis主题默认标题页的背景样式，以下是两种可行解决思路：

方法1：用CSS强制绑定背景图到标题页 #

不管标题页添加了什么额外类，直接给所有标题页元素设置背景样式。在你的styles.css中添加：

section.title-slide {
  background-image: url("你的背景图路径"); /* 替换为实际图片路径 */
  background-size: cover; /* 可选：cover填充整个页面，contain保持图片比例 */
  background-position: center; /* 可选：调整图片显示位置 */
  background-repeat: no-repeat;
}

方法2：不依赖titleSlideClass，用CSS调整标题位置 #

保留默认标题页类以确保背景图生效，通过CSS直接修改标题文本的位置：
在styles.css中添加：

.title-slide h1,
.title-slide h2,
.title-slide h3,
.title-slide h4 {
  text-align: left;
  margin-top: 20px; /* 调整标题与顶部的距离 */
  margin-left: 20px; /* 调整标题与左侧的距离 */
}

同时删除YAML配置中的titleSlideClass: [top, left]。

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