在slidify中自定义幻灯片布局

时间:2013-03-06 22:34:09

标签: slidify

我有兴趣在index.Rmd文件中为不同的幻灯片使用不同的布局。复制here及以下提供的模板后,我在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)如何从我的资产文件夹中“调用”自定义布局单个幻灯片而不是整个套牌

1 个答案:

答案 0 :(得分:10)

您可以将幻灯片的布局指定为元数据。例如,如果您在twocol.html中将问题中描述的布局保存为assets/layouts,则可以在幻灯片级元数据中指定布局。 &指定布局,而.指定类,#指定ID。您也可以将自己的自定义元数据定义为key:value对。

--- &twocol

## Two Columns

*** left

- point a
- point b
- point c

*** right

- point a
- point b
- point c