codewiththiha/OpenSlides
GitHub: codewiththiha/OpenSlides
OpenSlides 是一款基于 Tauri 和 React 构建的免费开源离线桌面应用,帮助用户将代码转化为带有平滑过渡和逐步高亮效果的动画演示文稿。
Stars: 43 | Forks: 5
# OpenSlides
**为内容创作者、教育工作者和开发者打造的精美代码演示工具。**
OpenSlides 是一款免费、开源、可离线使用的桌面应用程序,能将代码转化为带有平滑、逐步过渡效果的精美幻灯片。它是 [codeslides.app](https://codeslides.app) 的直接替代方案:创建富有表现力的代码演示文稿,将工作保留在自己的机器上,无需订阅或连接互联网即可进行演示。
## 专为优美地讲解代码而生
无论您是在录制教程、授课、直播编写代码、发表会议演讲,还是分享技术演示,OpenSlides 都能帮助您将注意力集中在代码的关键部分。
- 将源代码转化为可直接演示的幻灯片。
- 通过高亮步骤逐行揭示思路。
- 通过平滑的 Magic Move 过渡效果在代码状态之间切换。
- 保持项目私有、本地化,并随时准备在任何地方进行演示。
- 围绕您的代码构建视觉故事,而不是展示静态的编辑器。
## 功能特性
- 创建、组织、重命名、复制、导入和导出幻灯片项目。
- 将幻灯片按堆栈排列,并通过拖放重新排序。
- 应用语法高亮,并选择浅色或深色演示主题。
- 创建阶梯式高亮并控制其强调效果。
- 跨幻灯片搜索,使用缩略图和悬停预览,并通过键盘导航。
- 全屏演示,支持可选的自动播放和单张幻灯片计时。
- 在本地项目、已保存的布局和单张幻灯片的撤销/重做支持下,放心地进行工作。
## 工作原理
创建一个项目,将代码添加到幻灯片中,然后选择您想要解释的代码行。OpenSlides 会将这些选择转化为演示步骤,以便您可以按自然的节奏引导观众了解某个函数、重构、算法或功能。需要演示时,使用键盘切换幻灯片和高亮步骤,使用全屏模式,或者让演示文稿自动播放。
所有数据都保留在您的计算机上。这使得 OpenSlides 非常适合私密的客户工作、离线课堂、现场活动,以及任何希望将代码和幻灯片完全掌控在自己手中的工作流程。
## 下载
macOS 和 Windows 的预构建安装程序可从 [OpenSlides Releases](https://github.com/codewiththiha/OpenSlides/releases) 页面获取。
## 技术栈
- **桌面应用:** Tauri 2 和 Rust
- **界面:** React, TypeScript, Vite 和 Tailwind CSS
- **本地存储:** SQLite
- **代码渲染:** Shiki 和 shiki-magic-move
## 从源码运行
### 前置条件
- Node.js 20 或更高版本
- Rust stable 工具链和 Cargo
- Tauri 2 的平台要求
```
npm install
npm run tauri dev
```
要在浏览器中运行界面:
```
npm run dev
```
## 许可证
MIT
标签:React, Syscalls, Tauri, 代码展示, 可视化界面, 桌面应用, 演示工具, 离线应用, 自动化攻击