Presentation
Mr.Hope ... 2021-2-25 Less than 1 minute
Let the Markdown file in your VuePress site support presentation.
# Configuration
module.exports = {
themeConfig: {
mdEnhance: {
// or you can pass an object to config reveal.js
presentation: true,
},
},
};
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
This plugin is using reveal.js (opens new window) to support this feature.
# Syntax
- Use
---to split slides - Use
--to split the slides second time (vertical display)
@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 available(replace [theme] with them):
auto(Default)blackwhiteleaguebeigeskynightserifsimplesolarizedbloodmoon
For details, see Themes demo (opens new window).
# Demo
@slidestart
## Slide 1
A paragraph with some text and a [link](https://mrhope.site)
---
## Slide 2
- Item 1
- Item 2
---
## Slide 3.1
```js
const a = 1;
```
--
## Slide 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
For detailed demo, please see Presentation Demo (opens new window)
# Options
You can set reveal to pass options to reveal.js per page in frontmatter, you can also set presentation in plugin options to set reveal.js globally.
For more options, see reveal.js config (opens new window). For more usage, see reveal.js documatation (opens new window)