Presentation support

Mr.Hope ...
  • Feature
  • Markdown
About 2 min

# Presentation support

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

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

Theme available:

  • auto (Default)
  • black
  • white
  • league
  • beige
  • sky
  • night
  • serif
  • simple
  • solarized
  • blood
  • moon

# 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

# 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)

# Themes

# Auto

# Black

# White

# League

# Beige

# Sky

# Night

# Serif

# Simple

# Solarized

# Blood

# Moon

Last update: November 26, 2020 09:05