用途:把文本、大纲或笔记转化为可演示的幻灯片,输出为静态 HTML 文件,适合技术分享、产品发布、汇报、小红书图文、课程等任何幻灯片场景。作者建议优先使用它而非从零手写。
主要能力:36 个主题(assets/themes/.css),如 tokyo-night、dracula、xiaohongshu-white、corporate-clean、academic-paper 等;15 个整套 deck 模板(templates/full-decks/<name>/),含真实 deck 提取与场景脚手架(pitch-deck、product-launch、tech-sharing、weekly-report、xhs-post 3:4、course-module、presenter-mode-reveal);31 个单页布局(templates/single-page/.html)带演示数据;27 个 CSS 入场动画(data-anim)与 20 个 canvas FX(data-fx,如知识图谱、粒子、烟花);键盘运行时 runtime.js 支持 ←→、T 切主题、A 切动画、F/O、S 演讲者模式、N 备注抽屉、R 重置计时;渲染脚本 render.sh 调用无头 Chrome 导出 PNG。
使用方式:从仓库根运行 ./scripts/new-deck.sh my-talk 生成新 deck;用 <link rel="stylesheet" id="theme-link" href="../assets/themes/aurora.css"> 指定主题;从 templates/single-page/ 复制 <section class="slide"> 替换内容;元素加 data-anim="fade-up" 添加动画,网格可用 anim-stagger-list;canvas FX 用 <div data-fx="knowledge-graph"> 并引入 fx-runtime.js;整套模板可直接复制到 examples/my-talk/。导出示例:./scripts/render.sh examples/my-talk/index.html 12。
演讲者模式:S 键打开弹窗,含当前页/下一页 iframe 预览、逐字稿与计时器四张可拖拽卡片,通过 postMessage 与 BroadcastChannel 同步。该技能强调演讲者提示文字必须放在 <div class="notes"> 内,不得作为幻灯片可见内容。
限制与规则:必须从模板起步,不鼓励自创布局;颜色、圆角、阴影应使用 assets/base.css 中的 CSS 变量而非字面值;保留 .deck-header 等 chrome 插槽;每页一个 .slide;使用时需先确认内容/页数/受众、主题与起始模板。收费、价格、平台要求等资料暂未提供。