用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。