Presentation

About 1 min

Let the Markdown file in your VuePress site support presentation.

Config

vuepress-plugin-md-enhance uses reveal.jsopen in 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 pluginsopen in new window. If you need a specific plugin, please submit a Feature Requestopen in new window on GitHub.

Syntax

  • Use --- to split slides
  • Use -- to split the slides second time (vertical display)
@slidestart [theme]

<!-- slide1 -->

---

<!-- slide2 -->

---

<!-- slide3 -->

@slideend

Theme available(replace [theme] with them):

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

For details, see Themes demoopen in 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

Info

For detailed demo, please see Presentation Demoopen in 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 configopen in new window. For more usage, see reveal.js documatationopen in new window

Loading...