幻灯片支持

Mr.Hope ... 大约 3 分钟

# 幻灯片支持

让你的 VuePress 站点中的 Markdown 文件支持幻灯片。

本插件利用了 reveal.js (opens new window) 来支持这一功能。

# 配置







 





module.exports = {
  plugins: [
    [
      "md-enhance",
      {
        // 启用幻灯片
        presentation: true,
      },
    ],
  ],
};
1
2
3
4
5
6
7
8
9
10
11

你也可以传入一个对象以进行更详细的配置。

presentation.plugins 接收一个字符串数组,让您可以自由配置是否启用一些预设的插件。

提示

可接受的插件有:

  • "highlight"
  • "math"
  • "search"
  • "notes"
  • "zoom"

你还可以使用 presentation.revealConfig 来配置全局传递给 Reveal.js 的配置选项。

Reveal.js 还提供了更多的插件 (opens new window)。如果你需要某个特定的插件,请在 GitHub 上提出 Feature Request (opens new window)

# 语法

  • 使用 --- 分割幻灯片
  • 使用 -- 对幻灯片进行二次分割(垂直显示)
@slidestart [theme]

<!-- slide1 -->

---

<!-- slide2 -->

---

<!-- slide3 -->

@slideend
1
2
3
4
5
6
7
8
9
10
11
12
13

目前可用的主题:

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

# 演示

@slidestart

## 幻灯片 1

一个有文字和 [链接](https://mrhope.site) 的段落

---

## 幻灯片 2

- 列表 1
- 列表 2

---

## 幻灯片 3.1

```js
const a = 1;
```

--

## 幻灯片 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

# 选项

您可以在 Frontmatter 设置 reveal 以设置特定页面的 reveal.js 选项,也可以在插件选项中设置 presentation 以全局设置 reveal.js。

更多选项,请参见reveal.js config (opens new window),更多用法,请参阅 reveal.js 文档 (opens new window)

# 主题

# Auto

# Black

# White

# League

# Beige

# Sky

# Night

# Serif

# Simple

# Solarized

# Blood

# Moon