Reveal.js 中文幻灯片模板
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_36c7efa2/reveal-deck-zh。
技能介绍
解决什么问题
reveal.js 默认英文优先,中文幻灯片常见 字体发虚、行高偏紧、标点禁则不处理,代码块可读性差。它不是让你直接导出可编辑 PPTX,而是帮助工程师快速生成适合技术分享、课程或 pitch 的 HTML 幻灯片骨架。
技能如何工作
触发后会先确认使用场景,再推荐 5 类模板:T1 极简白底用于技术分享;T2 大字号图为主用于产品发布;T3 导航条章节卡用于课程;T4 暗色数据图用于投资人 pitch;T5 杂志封面式用于个人演讲。关键输出包括 index.html、css/theme-zh.css 和 Markdown 示例内容。
核心能力
- 中文字体覆盖,避免默认
Source Sans Pro回退到宋体 - 强调
fade切换、代码块可读、PDF 导出作为 fallback - 给出在线部署到 GitHub Pages、Vercel、Netlify 或 Cloudflare Pages 的建议
- 明确不做复杂 3D/WebGL 动效,也不替代 PowerPoint 可编辑交付
适用边界
适合技术分享、文档型 PPT、需要 行内代码、需要 git 管理或在线分享。不适合必须交付可编辑 PPTX、复杂动画,或不希望接触 HTML/CSS 的纯小白。它也不替用户撰写演讲内容;若需要可编辑文字,建议直接使用 PowerPoint 源文件。
使用场景
- 技术分享前需要把 API 示例整理成可复制的代码幻灯片,并保证投影上中文清晰可读。
- 制作 45 分钟教学课程时,需要给长内容加章节卡和快速跳转导航,避免学员迷失进度。
- 向投资人展示产品数据时,需要暗色数据图模板和 PDF 导出,保证离线演示 fallback。
- 把 Markdown 技术文档转成在线幻灯片,并部署到 GitHub Pages 给团队内部分享。
适合人员
- 准备技术分享的前端工程师,需要 HTML 幻灯片、可读代码块和稳定 PDF 导出。
- 做课程材料的培训讲师,需要章节导航和长内容结构,但不想从零写 CSS。
- 需要在线发布演示的研发负责人,想把文档型幻灯片部署到 Pages 并保留 git 管理。
- 负责投资人 pitch 的产品经理,需要暗色数据图和离线 PDF fallback。