Presentation
Mr.Hope ... 2022-6-1 Less than 1 minute
Let the Markdown file in your VuePress site support presentation.
# Config
module.exports = {
plugins: [
[
"md-enhance",
{
// Enable presentation
presentation: true,
},
],
],
};
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
This plugin is using reveal.js (opens new window) to support this feature.
You can also pass an object for configuration.
presentation.plugins receives an array of strings, allowing you to freely config whether to enable some preset plugins.
Tips
Acceptable plugins are:
"highlight""math""search""notes""zoom"
You can also use presentation.revealConfig set configuration options passed to Reveal.js globally.
Reveal.js also provides more plugins (opens new window). If you need a specific plugin, please submit a Feature Request (opens new window) on GitHub.
# 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.
# Demo
Please see Presentation Demo
# 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)