- 多平台管理 - 支持阿里云百炼、火山引擎、DeepSeek、OpenAI、Anthropic、智谱AI、Moonshot 等主流 AI 平台
- 额度追踪 - 实时监控各平台剩余额度，支持 CNY、USD、Tokens 多种货币单位
- 智能提醒 - 即将过期的平台自动高亮提醒，额度不足预警
- 计划类型 - 支持免费版、基础版、专业版、企业版等多种订阅计划
- 每日刷新 - 特殊计划（如火山协作计划）支持每日额度自动刷新
- 深色模式 - 支持浅色/深色主题切换，保护视力
- 响应式设计 - 完美适配桌面端和移动端
- 流畅交互 - 精心设计的动画效果和过渡
- 向导式操作 - 三步添加平台，简单直观
- 本地存储 - 数据安全存储在本地浏览器，无需云端同步
- 统计概览 - 一目了然的总平台数、总剩余额度、即将过期数量
- 数据持久化 - 基于 localStorage 的可靠数据存储
- 导入导出 - 支持 JSON 格式的数据备份与恢复
- 批量操作 - 批量刷新每日额度平台
- 现代浏览器（Chrome、Firefox、Safari、Edge 最新版本）
- 无需后端服务，纯前端运行
- 克隆项目
git clone https://github.com/yourusername/TokenBank.git
cd TokenBank- 直接运行
# 使用任意静态服务器
python -m http.server 8000
# 或
npx serve- 访问应用
在浏览器中打开 http://localhost:8000
- 添加平台 - 点击右上角「+ 添加平台」按钮
- 选择平台类型 - 从预设平台中选择或自定义
- 配置额度信息 - 设置计划类型、剩余额度、货币单位等
- 确认保存 - 检查信息无误后保存
| 技术 | 说明 |
|---|---|
| HTML5 | 语义化标签，构建清晰的页面结构 |
| CSS3 | Flexbox/Grid 布局，CSS 变量，动画效果 |
| JavaScript (ES6+) | 模块化架构，原生 JS 实现 |
| LocalStorage API | 本地数据持久化存储 |
TokenBank/
├── index.html # 主页面入口
├── css/
│ └── style.css # 样式文件（深色/浅色主题）
└── js/
├── app.js # 主应用模块（UI 交互）
├── platform.js # 平台数据管理模块
└── storage.js # 数据存储模块
- app.js - 应用主控制器，负责页面渲染、事件绑定、模态框管理
- platform.js - 平台业务逻辑，提供平台 CRUD 操作、数据验证、状态计算
- storage.js - 数据持久化层，封装 localStorage 操作，支持导入导出
| 平台 | 图标 | 说明 |
|---|---|---|
| 阿里云百炼 | 🔷 | 阿里云 AI 开发平台 |
| 火山引擎 | 🌋 | 字节跳动 AI 服务 |
| DeepSeek | 🔮 | 深度求索 AI 模型 |
| OpenRouter | 🌐 | 多模型路由平台 |
| OpenAI | 🤖 | OpenAI GPT 系列 |
| Anthropic | 🧠 | Claude 系列模型 |
| 智谱AI | 💡 | GLM 系列模型 |
| Moonshot | 🌙 | 月之暗面 Kimi |
| 其他 | 📦 | 自定义平台 |
| 计划 | 图标 | 说明 |
|---|---|---|
| 免费版 | 🆓 | 基础功能，有限额度 |
| 基础版 | 🥉 | 标准功能，中等额度 |
| 专业版 | 🥈 | 高级功能，较大额度 |
| 企业版 | 🥇 | 完整功能，无限额度 |
| 定制版 | ⚡ | 自定义配置 |
| 火山协作计划 | 🔥 | 每日刷新 200 万 token 额度 |
实时展示所有平台的关键指标，让您对 AI 资源使用情况一目了然
每个平台以精美卡片形式展示，包含名称、类型、计划、余额、过期日期等信息
三步式引导流程，轻松添加新平台
- 数据可视化图表（余额趋势、平台占比）
- 平台排序和筛选功能
- 额度使用历史记录
- 云端数据同步
- 浏览器扩展版本
- 多语言支持
- 导出 PDF 报表
本项目采用 MIT License 开源协议
欢迎提交 Issue 和 Pull Request！
- Fork 本项目
- 创建特性分支 (
git checkout -b feature/AmazingFeature) - 提交更改 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 开启 Pull Request
如有问题或建议，欢迎通过以下方式联系：
- 提交 Issue
- 发送邮件至 your.email@example.com
如果这个项目对你有帮助，请给个 ⭐️ Star 支持一下！
Made with ❤️ by TokenBank Team