使用reveal.js框架滑动设置背景

Question

我喜欢 Slidify 与reveal.js 框架的结合。

也就是说，我不知道如何使用 slidify 将背景更改为图像或颜色。

对于reveal.js，我会这样做：

<section data-background="#007777">

如文档所述here

我修改了reveal.js slide layout 以包含数据背景参数：

<section class='{{slide.class}}' data-state='{{slide.ds}}' id='{{slide.id}}' data-background='{{slide.background}}'>

并像这样调用新幻灯片：

--- .background "#007777"

但背景没有变化。有什么想法我在这里做错了吗？

Answer 1

将其指定为--- {background: "#007777"}。

我使用的点/哈希语法是常用指定幻灯片属性的快捷方式。所以--- .myclass #myid 实际上会扩展为--- {class: myclass, myid: id}。长格式语法更加灵活，因为您可以在 --- 之后指定任何有效的 YAML，包括列表。