用途:将 Markdown 幻灯片生成为可在浏览器中演示的 presenter,翻页时保留全部动画(徽章弹跳、标题淡入、要点错落出现等)。
主要能力:点击与键盘翻页(→/空格/PageDown 下一页,←/PageUp 上一页,Home 首页,End 末页,F 全屏),底部显示 Prev/Next 按钮与页码,并含高亮标记(highlighter marker)功能。
使用方式:执行 npm run slides:present -- markdowns/<topic>/<topic>.md。Vite 服务器在 4000 端口启动。
重要限制:presenter 通过 Vite define 在启动时读取 Markdown,因此修改 theme、frontmatter 或图片引用后,必须结束现有 slides:present 进程并重新运行,仅刷新浏览器可能仍保留旧 Markdown 状态。若主题未变或幻灯片数量异常,先检查 frontmatter 格式与是否重启服务器。
文件位置:src/presenter/ 下含 Presenter.tsx(Player + 点击/键盘控制)、index.tsx(React 入口)、index.html、types.d.ts(虚拟模块类型)、vite.config.ts(端口 4000、虚拟 Markdown 模块)。
工作原理:Vite 虚拟模块插件通过 SLIDE_MARKDOWN_FILE 环境变量读取 Markdown;自动将图片路径替换为 markdowns/<topic>/文件名;用 parseSlideMarkdown() 解析生成 SlideData[];由 @remotion/player 的 Player 组件渲染;翻页时播放动画,settle 后自动暂停。
注意:presenter 不是 Remotion 合成,而是独立 Vite 应用,无需在 Root.tsx 中注册。
资料未提供收费、价格、平台与具体效果数据。