wonder 67ee76e58d
Deploy Slides / build-and-deploy (push) Successful in 1m8s
feat: expand gen2D deck with deep technical slides and interactive elements
- Add 5 new slide pages: eino-deep-dive, ratelimit-overview, ratelimit-lua, async-deep-dive, harness
- Add 4 new drawio SVGs: pipeline-detail, ratelimit, async-task, harness
- Update all existing slides with v-clicks progressive reveal
- Add presenter notes and interactive prompts
- Expand slides.md to register all new pages (16 → 25+ slides)
- Fix text overflow by trimming content per Item block
- Add Eino Graph deep dive: WithGenLocalState, Pre/Post Handler, branch routing
- Add rate limiting section: algorithm comparison, Lua script, Gin middleware
- Add async task deep dive: TaskQueue FIFO, context progress injection
- Add consistency section: style/pipeline/data/deployment 4-layer guarantees
2026-05-30 22:42:23 +08:00
2026-05-30 11:11:57 +08:00
2026-05-27 18:11:48 +08:00

Slide

基于 Slidev 的多演示文稿项目,通过 Gitea Actions 实现 Docker 自动部署。

快速开始

pnpm install
pnpm run dev          # 启动开发服务器 http://localhost:3030

项目结构

index.html              # 首页(列出所有演示文稿)
decks/
  <deck-name>/
    slides.md             # 幻灯片入口
    pages/                # 额外幻灯片文件(通过 src: ./pages/xxx.md 导入)
    public/               # 静态资源(图片、字体)
scripts/
  build.sh                # 构建所有演示文稿
.gitea/workflows/         # CI/CD 流水线
dist/                     # 构建产物(已 gitignore)

现有演示文稿

演示文稿 开发命令 构建命令
demo pnpm run dev:demo pnpm run build:demo
showcase pnpm run dev:showcase pnpm run build:showcase

命令

pnpm run dev           # 开发模式(默认加载 demo 演示文稿)
pnpm run dev:<deck>    # 开发模式(加载指定演示文稿)
pnpm run build         # 构建所有演示文稿 → dist/
pnpm run build:<deck>  # 构建单个演示文稿
pnpm run serve         # 构建并在 http://localhost:3030 提供服务
pnpm run export        # 导出为 PDF(需要 playwright-chromium)

添加新演示文稿

  1. 创建目录:decks/<name>/
  2. 添加 decks/<name>/slides.md,写入 Slidev frontmatter
  3. (可选)添加 pages/ 和 public/ 子目录
  4. 在 index.html 的 decks 数组中注册名称
  5. 在 package.json 中添加 dev:<name> 和 build:<name> 脚本

CI/CD

推送到 main 分支将触发 Gitea Actions 流水线:

  1. 拉取代码
  2. 安装依赖(pnpm install)
  3. 构建所有演示文稿(pnpm run build)
  4. 将 dist/ 部署到 nginx 容器,对外端口 8080

运行器为自托管的 Gitea Act Runner(aliyun 标签),使用 Docker 模式。

技术栈

  • Slidev — 基于 Markdown 的幻灯片框架
  • pnpm — 包管理器
  • Nginx — 生产环境服务
  • Gitea Actions — CI/CD
S
Description
🎈 Slidev 驱动的幻灯片
Readme 1.1 MiB
Languages
HTML 66.8%
CSS 18.9%
Shell 14.3%