幻灯片支持
Mr.Hope ... 2022-6-1 大约 1 分钟
让你的 VuePress 站点中的 Markdown 文件支持幻灯片。
本插件利用了 reveal.js (opens new window) 来支持这一功能。
# 配置
module.exports = {
plugins: [
[
"md-enhance",
{
// 启用幻灯片
presentation: true,
},
],
],
};
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
你也可以传入一个对象以进行更详细的配置。
presentation.plugins
接收一个字符串数组,可以自由配置是否启用一些预设的插件。
提示
可接受的插件有:
"highlight"
"math"
"search"
"notes"
"zoom"
你还可以使用 presentation.revealConfig
来配置全局传递给 Reveal.js 的配置选项。
Reveal.js 还提供了更多的插件 (opens new window)。如果你需要某个特定的插件,请在 GitHub 上提出 Feature Request (opens new window)
# 语法
- 使用
---
分割幻灯片 - 使用
--
对幻灯片进行二次分割(垂直显示)
@slidestart [theme]
<!-- slide1 -->
---
<!-- slide2 -->
---
<!-- slide3 -->
@slideend
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
目前可用的主题(请使用它们直接替换 [theme]
):
auto
(默认)black
white
league
beige
sky
night
serif
simple
solarized
blood
moon
主题演示,请详见 幻灯片主题
# 演示
请见 幻灯片演示。
# 选项
你可以在 Frontmatter 设置 reveal
以设置特定页面的 reveal.js 选项,也可以在插件选项中设置 presentation
以全局设置 reveal.js。
更多选项,请参见reveal.js config (opens new window),更多用法,请参阅 reveal.js 文档 (opens new window)。