Question

我正在尝试为http://goo.gl/ViWWl9下指定的幻灯片类型设置布局，但我无法正确使用语法。尝试了一些事情，并搜遍了所有，但到目前为止没有运气。有关如何使其发挥作用的任何提示？

感谢

Answer 1

幻灯片布局是可以使用解析器返回的对象的小胡子模板。您可以找到解析器here返回的对象列表。

提出问题，以下是如何构建幻灯片的布局。

仅限标题

<slide class="segue nobackground {{ slide.class }}" id="{{ slide.id }}">
  <hgroup>
    {{{ slide.header }}}
  </hgroup>
</slide>

两列布局继承自父布局，列宽可配置。

两栏

---
layout: slide
replace: slide.content
---
{{{ slide.content }}}  
<div class='left' style='float:left;width:{{{ slide.left.w }}}'>
 {{{ slide.left.html }}}
</div>    
<div class='right' style='float:right;width:{{{ slide.right.w }}}'>
 {{{ slide.right.html }}}
</div>

您可以使用解析器返回的内容编写任意布局。您还可以轻松定义要使用的任意属性，并将其作为键：值对与幻灯片分隔符一起传递给解析器。

slidify layouts：title-only，title-and-body，title-and-two-cols，title titletion，blank

1 个答案: