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"
      }
    }
  ]
}