幻灯片

Mr.Hope ... 2021年2月25日 15:37 Markdown
  • Markdown
  • Slides
大约 1 分钟

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

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

# 配置




 




module.exports = {
  themeConfig: {
    mdEnhance: {
      presentation: true,
    },
  },
};
1
2
3
4
5
6
7

# 语法

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

<!-- slide1 -->

---

<!-- slide2 -->

---

<!-- slide3 -->

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

目前可用的主题(请使用它们直接替换 [theme]):

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

主题演示,请详见 幻灯片主题 (opens new window)

# 演示

@slidestart

## 幻灯片 1

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

---

## 幻灯片 2

- 项目 1
- 项目 2

---

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

--

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

详细与完整的演示详见 幻灯片演示 (opens new window)

# 选项

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

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