在滑动中自定义幻灯片布局

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

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

--- &twocol 

## Two Columns 

*** left 

- point a 
- point b 
- point c 

*** right 

- point a 
- point b 
- point c