Astro 7 + Reveal.js 6
通用数据与幻灯片
展示前端框架
纯 JSON 数据驱动的通用演示播放框架。后端将幻灯片写入 src/ppts/ 目录,构建即自动生成动态路由与模板渲染,前端代码零修改。
零前端代码修改
基于 Astro Content Layer,后端将 JSON 写入 src/ppts/ 目录即可自动生成路由与页面,实现完全的数据与视图解耦。
动态模板自动加载
在 src/components/ppts/ 下扩展模板,页面路由根据 template 参数动态匹配并渲染对应的 Astro 模板组件。
全功能 Reveal.js
支持配置驱动的自动轮播、自定义主题(Black, White, League 等)、转场动效、代码语法高亮与演讲者注释。
src/ppts/demo.json
{
"config": {
"autoslide": true,
"time": 6000,
"theme": "black"
},
"decks": [
{
"template": "Cover",
"slide": {
"title": "This Year",
"subtitle": "by someone"
}
},
{
"template": "Default",
"slide": {
"title": "This Year",
"body": "by someone"
}
}
]
}