Presentation

Mr.Hope ... February 25, 2021 15:37 Markdown
  • Slides
  • Markdown
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

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(replace [theme] with them):

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

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
<span class="token keyword">const</span> a <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span>
```

--

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

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)