slidify - 在 slidify 中自定义幻灯片布局

Question

我有兴趣在我的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) 如何从我的资源文件夹中为单个幻灯片而不是整个幻灯片“调用”自定义布局

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