# Slides 功能演示 基于 Reveal.js 的幻灯片系统
## 演示列表 | 演示 | 说明 | |------|------| | [基础演示](docs/basic-demo) | Markdown 语法、列表、图片 | | [代码演示](docs/code-demo) | 代码高亮、行号 | | [数学公式](docs/math-demo) | KaTeX 数学公式 | | [Mermaid 图表](docs/mermaid-demo) | 流程图、时序图等 | | [ECharts 图表](docs/echarts-demo) | 交互式数据图表 | | [Fragment 动画](docs/fragment-demo) | 渐进式展示效果 | | [垂直幻灯片](docs/vertical-demo) | 二维导航结构 | | [主题演示](docs/theme-demo) | 不同主题风格 |
## 快速开始 1. 在 `content/slides/` 创建 `.md` 文件 2. 使用 `---` 分隔水平幻灯片 3. 使用 `----` 分隔垂直幻灯片
## 支持的功能 - Markdown 语法 - 代码高亮 (Prism.js) - 数学公式 (KaTeX) - Mermaid 图表 - ECharts 图表 - Fragment 动画 - 演讲者备注
## 可用主题 `black` `white` `league` `beige` `night` `serif` `simple` `solarized` `sky` `moon` `blood` `dracula`
# 开始探索吧！ 点击上方链接查看各功能演示