布局
内置布局
由于主题可能会覆盖布局的行为，因此精确理解主题的使用、参数和例子最好的方式是查阅主题文档。
center
在屏幕中间展示内容。
cover
用来展示演讲稿的封面页，可以包含演讲的标题、演讲者、时间等。
default
最基础的布局，用于展示任意类型的内容。
end
演讲的最后一页。
fact
用来在屏幕上突出展示很多事实或数据。
full
使用屏幕全部空间来展示内容。
image-left
在屏幕左侧展示图片，屏幕右侧展示内容。
用法
yaml
---
layout: image-left
# the image source
image: ./path/to/the/image
# a custom class name to the content
class: my-cool-content-on-the-right
---image-right
在屏幕右侧展示图片，屏幕左侧展示内容。
用法
yaml
---
layout: image-right
# the image source
image: ./path/to/the/image
# a custom class name to the content
class: my-cool-content-on-the-left
---image
将图片作为页面的主要内容进行展示。
用法
yaml
---
layout: image
# the image source
image: ./path/to/the/image
---你可以使用 backgroundSize 选项来控制背景图片的大小：
yaml
---
layout: image
image: ./path/to/the/image
backgroundSize: contain
---yaml
---
layout: image-left
image: ./path/to/the/image
backgroundSize: 20em 70%
---iframe-left
Shows a web page on the left side of the screen, the content will be placed on the right side.
Usage
yaml
---
layout: iframe-left
# the web page source
url: https://github.com/slidevjs/slidev
# a custom class name to the content
class: my-cool-content-on-the-right
---iframe-right
Shows a web page on the right side of the screen, the content will be placed on the left side.
Usage
yaml
---
layout: iframe-right
# the web page source
url: https://github.com/slidevjs/slidev
# a custom class name to the content
class: my-cool-content-on-the-left
---iframe
Shows a web page as the main content of the page.
Usage
yaml
---
layout: iframe
# the web page source
url: https://github.com/slidevjs/slidev
---intro
介绍演讲稿，通常带有演讲稿标题、简述、作者等信息。
none
没有任何样式的布局。
quote
突出显示引文。
section
用来标记演讲稿的新部分的开始。
statement
将主张/声明作为主要页面内容。
two-cols
将页面内容分为两列。
用法
md
---
layout: two-cols
---
# Left
显示在左侧
::right::
# Right
显示在右侧two-cols-header
将页面内容分为两列，上方和下方的内容分开，第二行将左右两列分开。
用法
md
---
layout: two-cols-header
---
显示在上方
::left::
# Left
显示在左侧
::right::
# Right
显示在右侧自定义布局
在你的项目根目录里创建一个 layouts/ 文件夹，然后直接把你的自定义 Vue 组件放进去。
欲了解更多，请参阅 自定义 章节。
主题提供的布局
主题可以提供布局或者覆盖已有的。请阅读它们各自的文档，以知晓它们提供了什么。