在开发模式下同时运行 Next.js 和 Electron:
```bash npm run electron:dev ```
```bash npm run electron:build ```
```bash
npm run electron:build:mac
npm run electron:build:win
npm run electron:build:linux ```
应用支持三种主题模式:
- 浅色模式 - 明亮的界面
- 深色模式 - 深色的界面
- 跟随系统 - 自动跟随操作系统主题设置
- 手动切换:点击右上角的主题切换按钮
- 自动检测:选择"跟随系统"后,应用会自动响应系统主题变化
在 Electron 环境中,主题系统会:
- 自动读取系统主题偏好
- 监听系统主题变化并实时更新
- 同步 Electron 原生主题和 Web 主题
``` electron/ ├── main.js # Electron 主进程 └── preload.js # 预加载脚本(IPC 通信) out/ # Next.js 静态导出目录 dist/ # Electron 打包输出目录 ```
- 应用使用 Next.js 静态导出模式(
output: 'export') - 所有图片已设置为
unoptimized: true - Electron 主进程通过 IPC 与渲染进程通信
- 主题状态通过
next-themes管理,并与 Electron 原生主题同步 ```