幻灯片
Mr.Hope ... 2021-2-25 大约 1 分钟
让你的 VuePress 站点中的 Markdown 文件支持幻灯片。
本插件利用了 reveal.js (opens new window) 来支持这一功能。
# 配置
module.exports = {
themeConfig: {
mdEnhance: {
presentation: true,
},
},
};
1
2
3
4
5
6
7
2
3
4
5
6
7
# 语法
- 使用
---分割幻灯片 - 使用
--对幻灯片进行二次分割(垂直显示)
@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(默认)blackwhiteleaguebeigeskynightserifsimplesolarizedbloodmoon
主题演示，请详见 幻灯片主题 (opens new window)
# 演示
@slidestart
## 幻灯片 1
一个有文字和 [链接](https://mrhope.site) 的段落
---
## 幻灯片 2
- 项目 1
- 项目 2
---
## 幻灯片 3.1
```js
const a = 1;
```
--
## 幻灯片 3.2
$$
J(\theta_0,\theta_1) = \sum_{i=0}
$$
@slideend
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
详细与完整的演示详见 幻灯片演示 (opens new window)
# 选项
你可以在 Frontmatter 设置 reveal 以设置特定页面的 reveal.js 选项，也可以在插件选项中设置 presentation 以全局设置 reveal.js。
更多选项，请参见reveal.js config (opens new window)，更多用法，请参阅 reveal.js 文档 (opens new window)。