presenter-mode / demo

# 如何做一场
有逐字稿的技术分享

按 S 进入演讲者视图 · T 切换主题 · ← → 翻页

@lewis sharing talk · 30 min

大家好，欢迎来到今天的技术分享。我是 lewis，今天想跟大家聊一个很多人忽略但其实非常影响演讲效果的话题——如何让一场技术分享既有深度，又讲得不卡壳。

在正式开始之前，先跟大家介绍一下这份 deck 本身：这是一个支持演讲者模式的 HTML 幻灯片模板。现在你们看到的是观众视图，但我自己的屏幕上看到的是完全不一样的东西——当前页、下一页、完整逐字稿、计时器，全在一块屏幕上。

为什么我要专门做这个？因为我发现自己做技术分享时最大的痛点不是 PPT 不够好看，而是讲到某一页突然不知道该说什么，或者忘了过渡怎么接。今天这份分享既是内容本身，也是个演示——我会一直开着演讲者模式讲，你们可以观察我讲得有多流畅。

今天分享大概 30 分钟，分 5 个部分。有问题随时打断。Let's go.

agenda

## 今天要讲的 5 件事

01为什么 PPT 本身做得好还不够~5min
02演讲者模式到底该有哪些信息~6min
03逐字稿怎么写才不像念稿~8min
04Live demo · html-ppt skill 怎么用~8min
05Takeaways + Q&A~3min

先过一下今天的议程。

第一部分我想先说服你们"PPT 做得漂亮≠讲得好"。我见过太多很精致的 deck，但讲的人一上去就开始 "嗯…这个…就是…"。

第二部分聊演讲者视图。业界的产品其实差别蛮大的，Keynote、PowerPoint、reveal.js 都有各自的方案，但真正好用的设计逻辑是什么，我会给出我的答案。

第三部分是今天的核心——逐字稿。很多人以为逐字稿就是把要说的话一字不差写下来，错。逐字稿的目的是让你"看一眼就接得上"，写法完全不一样。

第四部分会现场 demo 我自己用的 html-ppt skill，展示如何 30 分钟出一份带逐字稿的 deck。

最后收尾 + 答疑。

OK，进入第一部分。

// part 01 · problem

## 做 PPT 和讲 PPT，
是两件事。

#### ✅ PPT 做得好

主题统一、排版干净、图表清晰、动效克制。这些是"静态作品"的质量。

#### ❌ 讲得好

逻辑连贯、语速稳定、不 "嗯啊"、能接住问题、能当场调整节奏。

#### 💡 差别在哪

前者是纸上功夫，后者需要你"看一眼幻灯片就知道下句话说什么"。

我先抛一个可能有争议的观点——做 PPT 和讲 PPT 是两件完全不同的事。

大家看左边这张卡片，"PPT 做得好" 意味着什么？主题统一、排版干净、图表清晰、动效克制——这些都是静态作品的质量标准，可以离线评判。

但中间这张卡片就不一样了："讲得好" 意味着逻辑连贯、语速稳定、不卡壳、能接住提问、能根据现场反应调整节奏——这些是临场能力，跟 PPT 好不好看基本没关系。

最关键的是右边这句话——讲得好的人，本质上是"看一眼幻灯片就知道下句话说什么"。这个能力靠什么？不是背稿，也不是即兴发挥，而是靠合理设计的提词器系统。

今天接下来 25 分钟，我就是围绕这个核心问题展开的。

// part 02 · presenter view

## 演讲者视图应该有四块信息

①
当前页大图

占视图一半以上，保证你能扫一眼就知道观众现在看到什么。

②
下一页预览

帮你提前准备过渡句，避免"下一页我忘了讲什么了"。

③
逐字稿区域

大字号、高对比度、支持滚动，这才是演讲者真正在看的东西。

④
计时器 + 页码

知道自己讲了多久、还剩几页，节奏全凭这个。

演讲者模式应该给你四块信息。我按重要性排序。

第一块，当前页大图。这个必须占据视图一半以上空间，因为它是你跟观众的"同步锚"——观众看到什么，你脑子里也得是什么。

第二块，下一页预览。这个很多人不理解为什么要放，我解释一下：演讲最卡的瞬间不是讲某一页，而是翻到下一页的那 2 秒。如果你提前看到下一页长什么样，过渡句自然就有了。

第三块，逐字稿区域——这是今天的重点，下一部分我会专门讲。这里先说一个硬性要求：字号必须大、对比度必须高、必须能滚动。因为你讲的时候只有余光瞄一下，字小了根本来不及读。

第四块，计时器和页码。知道自己讲了多久、还剩几页——节奏感全靠它。Keynote 做得最好，reveal.js 默认不够清楚。

这四块缺一不可。今天这个 deck 我把这四块都做出来了，按 S 大家可以试试。

// part 03 · script

## 逐字稿的3 条铁律

01
不是一字不差的讲稿，是"提示信号"

把要讲的核心点加粗，把过渡句单独成段，把数据和名字列清楚——让你看一眼就接得上。

02
每页 150–300 字，不多不少

少于 150 字提示不够，多于 300 字你没时间读。按 2–3 分钟/页的节奏控制。

03
用口语写，不用书面语

"因此" → "所以"；"该方案" → "这个方案"。写的时候读一遍，听起来像说话才对。

进入最核心的一部分——逐字稿怎么写。我总结了 3 条铁律。

第一条，逐字稿不是讲稿。很多人一听"逐字稿"就以为要把每句话一字不差写下来。错。如果你照着稿念，观众会立刻看出来，信任感瞬间崩塌。

逐字稿的真实作用是"提示信号"——把核心要点加粗，把过渡句单独成段，把数据和专有名词列清楚。这样你讲的时候瞄一眼就能接得上，但说出来的还是你自己的话。

第二条，每页控制在 150 到 300 字。这个是我做了十几场分享摸出来的经验值。少于 150 字提示不够，讲到一半卡住；多于 300 字你根本来不及扫完。按一页讲 2 到 3 分钟算，这个字数刚好。

第三条，用口语写。这条最多人栽跟头。你写"因此"，讲出来会变成"所以"；你写"该方案"，讲出来会变成"这个方案"。写的时候读一遍，不拗口才对。

这三条配合起来，你会发现讲 PPT 突然变成了一件很舒服的事。

// part 04-05 · demo + close

## 现在你也能做到

# 安装 html-ppt skill npx skills add https://github.com/lewislulu/html-ppt-skill # 复制演讲者模式模板 cp -r templates/full-decks/presenter-mode-reveal examples/my-talk open examples/my-talk/index.html # 键盘操作 S → 进入演讲者视图 T → 切换主题（5 种预设） ← → → 翻页 R → 重置计时器

关键是：每一页 <aside class="notes"> 里写 150–300 字逐字稿。

最后我演示一下这个 skill 怎么用，给大家省点时间自己摸索。

第一步，装 html-ppt skill，一行命令。第二步，把我这个 `presenter-mode-reveal` 模板复制到你自己的 examples 目录。第三步，打开 html，按 S。

键盘操作我列在这里了。S 进入演讲者视图、T 切换主题、左右键翻页、R 重置计时器。主题默认带 5 个——tokyo-night、dracula、catppuccin-mocha、nord、corporate-clean——基本覆盖了深色技术分享、浅色商务汇报两种常见场景。

最关键的一步——每一页底部的 `<aside class="notes">` 里，老老实实写 150 到 300 字的逐字稿。这是整个方法论的交付物。AI 可以帮你写初稿，但你一定要自己过一遍，读出来听听是不是你会说的话。

好，我今天就讲到这里。如果你做下一场分享的时候想起了这个"演讲者视图 + 逐字稿"的组合，并且觉得讲得比以前顺——那就是我最大的收获。谢谢大家，有问题现在开始。

S 演讲者视图 · T 切换主题 · ← → 翻页 · F 全屏 · O 总览 · R 重置计时