reveal.js 中文幻灯片模板

前言

开发者做技术分享时,通常会在 PPT 里贴代码、列数据、画流程图。PowerPoint 擅长排版,但不擅长代码展示;Markdown 擅长写内容,但转成 PPT 时往往格式崩坏。如果想要可版本控制的幻灯片,还要跨平台打开,传统的 PPT 方式并不友好。

reveal.js 是一个基于 Web 的幻灯片框架,支持代码高亮、分屏、动画,但默认配置偏向英文排版。要输出中文幻灯片,需要单独处理中文字体、标点、混排和竖排。

这是什么

reveal.js 中文幻灯片模板基于 reveal.js 框架,生成中文优化的 HTML 幻灯片。由用户 @user_36c7efa2 在 SkillHub 上发布,版本 1.0.0,分类为 office-efficiency。它解决了从 Markdown 或 HTML 生成中文幻灯片的需求,支持中文字体配置、横竖排版、代码高亮、海报模式,并可一键导出 PDF/PPTX。

核心功能

  • 中文排版优化:内置中文字体配置,处理中文标点与中英混排
  • 横竖排版:支持横排与竖排两种布局
  • 代码高亮:集成代码语法高亮,适合代码分享场景
  • 海报模式:提供海报视图,便于截图或打印
  • 导出 PDF/PPTX:支持一键导出为 PDF 或 PPTX 格式

安装与启用

SkillHub 安装方式如下:

skillhub install user_36c7efa2/reveal-deck-zh

安装后,在支持 SKILL.md 的环境(如 Cursor、Codex CLI、Claude Code)中,可通过对话调用该模板生成中文幻灯片。

典型用法

在对话中描述需求,例如:

  • “用 reveal.js 模板生成一份技术分享 PPT,包含代码片段和流程图”
  • “把这份 Markdown 转成中文幻灯片,支持横排和竖排布局”

模板会自动生成符合中文排版的 HTML 幻灯片,并支持导出 PDF/PPTX。

适用场景与注意

适合以下场景:

  • 技术分享:在团队会议、技术沙龙中展示代码与架构
  • 产品发布:演示产品功能与流程
  • 教学课程:将课程内容转为幻灯片
  • Markdown 写作转幻灯片:将已有文档快速转换为演示文稿

注意:该模板依赖 reveal.js 框架,导出 PDF/PPTX 需要相应环境支持。

短结尾

reveal.js 中文幻灯片模板为中文开发者提供了从 Markdown/HTML 生成中文幻灯片的方案,支持横竖排版、代码高亮和导出功能,适合技术分享与产品发布场景。

官方地址:https://api.skillhub.cn/user_36c7efa2/reveal-deck-zh

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye