Presentation support

Mr.Hope ... About 2 min

# Presentation support

Let the Markdown file in your VuePress site support presentation.

# Configuration







 





module.exports = {
  plugins: [
    [
      "md-enhance",
      {
        // Enable presentation
        presentation: true,
      },
    ],
  ],
};
1
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

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