# 试试 command + option + p

---

## 妙言 PPT 模式

让演示文稿制作变得简单优雅

---

## 内联配置

想快速改动画或分页展示？在文档开头加一段注释：

```txt
<!--
transition: none
backgroundTransition: none
transitionSpeed: fast
controls: false
progress: false
slideNumber: c/t
-->
```

- 配置键与 [Reveal.js 官方文档](https://revealjs.com/config/) 完全一致
- 嵌套字段用点号表示,例如 `highlight.lineNumbers`
- 自动识别布尔、数字、`null`、列表 `[a, b]` 和字符串
- 注释在渲染前会被移除,不影响幻灯片内容

---

## 快速开始

- 方法一：在文档中按 `Command + Option + P`
- 方法二：右键点击文档选择「妙言 PPT」
- 方法三：从菜单栏选择演示模式
- 带有 `---` 分隔符的文档会自动识别
- 按「回车」键预览幻灯片大纲

基于 [Reveal.js](https://revealjs.com/markdown/) 构建,支持高级功能

---

<!-- .slide: data-background="#F8CB9E" -->
## 自定义背景

你可以使用颜色、渐变、图片甚至网页作为幻灯片背景

---

## 动画控制

观察这些项目按顺序出现：

- 项目 3：第一个出现 <!-- .element: class="fragment" data-fragment-index="1" -->
- 项目 2：第二个出现 <!-- .element: class="fragment" data-fragment-index="2" -->
- 项目 1：最后出现 <!-- .element: class="fragment" data-fragment-index="3" -->

非常适合分步骤讲解

---

## 代码高亮

渐进式代码展示：

```swift [1|2-4|5-7|8]
import SwiftUI
struct MiaoYanApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
                .frame(minWidth: 1000, minHeight: 600)
        }
    }
}
```

---

## 数学公式

妙言在演示文稿中完美支持 LaTeX 数学公式：

$$E = mc^2$$

行内数学公式也支持：$\pi \approx 3.14159$

复杂方程式：
$$\sum_{i=1}^{n} x_i = \frac{n(n+1)}{2}$$

---

## 高级布局

### 双栏布局

<div style="display: flex; gap: 2rem;">
<div style="flex: 1;">

**左栏**

- 功能 1
- 功能 2
- 功能 3

</div>
<div style="flex: 1;">

**右栏**

- 优势 A
- 优势 B
- 优势 C

</div>
</div>

---

## 视觉效果

<p class="fragment">淡入效果</p>
<p class="fragment fade-out">淡出效果</p>
<p class="fragment highlight-red">红色高亮</p>
<p class="fragment highlight-green">绿色高亮</p>
<p class="fragment fade-in-then-out">淡入后淡出</p>
<p class="fragment fade-up">向上滑动淡入</p>
<p class="fragment grow">放大效果</p>
<p class="fragment shrink">缩小效果</p>

---

## 表格支持

| 功能 | 状态 | 评分 |
|------|------|------|
| Markdown | 完整支持 | 5/5 |
| LaTeX 数学 | 完整支持 | 5/5 |
| 代码语法 | 完整支持 | 5/5 |
| 图表绘制 | 完整支持 | 5/5 |

---

## 列表和嵌套

### 有序列表

1. 第一个重要要点
   - 子要点 A
   - 子要点 B
2. 第二个重要要点
3. 第三个重要要点

---

<!-- .slide: data-background-iframe="https://miaoyan.app/" -->
<!-- .slide: data-background-interactive -->

---

## 谢谢观看