LidarCar-cz · Slidev Theme

面向中学人工智能、机器人与工程实践课程的 Slidev 主题。主题采用高对比的蓝青色视觉系统，兼顾课堂投影可读性、知识层级与适量的课程趣味性。

安装与使用

在 Slidev 演示稿的 headmatter 中指定完整包名：

---
theme: '@echmo/slidev-theme-lidarcar-cz'
---

本地开发主题：

pnpm install
pnpm dev

构建与导出：

pnpm build
pnpm export
pnpm screenshot

设计系统

• 主色：深海蓝、雷达青
• 强调色：课堂暖黄、行动橙
• 正文字号：适配 16:9 教室投影，默认 18px
• 字体：优先使用微软雅黑、苹方与思源黑体
• 页面结构：统一内容卡片、品牌区、课程页脚与雷达环纹

布局

| 布局 | 用途 | 可选属性 | | --- | --- | --- | | cover | 课程封面 | subject、level | | default | 常规知识讲解 | — | | center | 居中提问、结论 | — | | two-cols | 对比、图文、代码讲解 | ::left::、::right:: | | section | 章节过渡 | chapter、eyebrow | | summary | 课堂总结 | — | | end | 结束页 | — | | full | 全屏视频或网页内容 | — | | none | 无装饰自由布局 | class |

教学组件

主题会自动注册 components/*.vue 中的全部组件。组件支持 PascalCase、短横线名称以及带 lidar- 前缀的稳定别名；例如 <BigText>、<big-text> 和 <lidar-big-text>。

为避免与原生 HTML 标签冲突，推荐在外部项目中优先使用 lidar-* 别名。编号组件 <T1> 至 <T6> 同时兼容浏览器转换后的小写 <t1> 至 <t6>。

• <Question>：问题驱动卡片
• <Choice>：课堂选择题，使用 question 和 choices 插槽
• <Knowledge>：核心知识提示
• <Try>：动手实践任务
• <Thinking>：课后思考
• <T1> 至 <T6>：编号教学步骤
• <Badge>：知识标签，可选 blue、green、yellow
• <PY> / <lidar-py>：参考程序标识
• <ImageLabel>：带图注的图片容器
• <Video>：统一视频框架
• <BigText>、<Text>、<Flex>：常用排版辅助组件

完整写法与视觉效果请查看 example.md。

环境

• Node.js：建议 >=20.19.0
• Slidev：^52.19.0

License

ISC