自定义幻灯片布局在slidify

Question

我对索引中不同幻灯片使用不同的布局很感兴趣。限制型心肌病文件。复制这里和下面提供的模板后，我在我的assets/layouts文件夹中创建了一个。html文件。

<slide class="{{ class }}" id="{{ id }}">
  <hgroup>
    {{{ header }}}
  </hgroup>
  <article>
    <hr noshade size=4 color='red'>  
    {{{ content }}}  
    <div class='left' style='float:left;width:48%'>
     {{{ left }}}
    </div>    
    <div class='right' style='float:right;width:48%'>
     {{{ right }}}
    </div>
  </article>
</slide>

说到这里，仍然不清楚:

1)为什么我的幻灯片是空白的，没有显示以下任何内容:

---
#testing
hello
*** left
- point a
- point b
- point c
*** right
- point a
- point b
- point c

---

2)如何"调用"自定义布局从我的资产文件夹一个单独的幻灯片，而不是整个甲板

Answer 1

可以指定幻灯片的布局作为元数据。例如，如果您将问题中描述的布局保存为assets/layouts中的twocol.html，那么您可以在幻灯片级别元数据中指定该布局。&表示布局，.表示类，#表示id。您还可以自由地将自己的自定义元数据定义为key:value对。

--- &twocol
## Two Columns
*** left
- point a
- point b
- point c
*** right
- point a
- point b
- point c