Back to Miaoyan

试试 command + option + p

Resources/Initial/妙言 PPT.md

3.5.13.0 KB
Original Source

试试 command + option + p


妙言 PPT 模式

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


内联配置

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

txt
<!--
transition: none
backgroundTransition: none
transitionSpeed: fast
controls: false
progress: false
slideNumber: c/t
-->
  • 配置键与 Reveal.js 官方文档 完全一致
  • 嵌套字段用点号表示,例如 highlight.lineNumbers
  • 自动识别布尔、数字、null、列表 [a, b] 和字符串
  • 注释在渲染前会被移除,不影响幻灯片内容

快速开始

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

基于 Reveal.js 构建,支持高级功能


<!-- .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
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 -->

谢谢观看