先说结论做这个工具的起因很简单——如果你看到信用卡账单 ¥3,200估计才会逐行排查发现光流媒体 AI 工具 云存储这几个「小钱」加起来可能就快 ¥1,500/月了。订阅疲劳是真的但更可怕的是你根本不知道那些「每月几美元」加起来是多少。于是我花了点时间做了个免费工具站Subscription Cost Calculator订阅费用计算器希望帮大家一键算清自己在订阅服务上的真实花费。功能亮点60 订阅服务覆盖中英文市场内置了85 主流订阅服务涵盖品类代表服务StreamingNetflix、Disney、爱奇艺、腾讯视频、B站AI ToolsChatGPT Plus、Claude Pro、Midjourney、Kimi、豆包、DeepSeekCloud StorageiCloud、Google One、百度网盘、阿里云盘GamingXbox Game Pass、PS Plus、Switch OnlineMusicSpotify、Apple Music、QQ音乐、网易云音乐ProductivityNotion、Figma、WPS、飞书、Obsidian...等等中国用户友好支持 Bilibili、腾讯视频、爱奇艺、优酷、芒果TV、Kimi、豆包、智谱清言、讯飞星火、DeepSeek、百度网盘、阿里云盘、夸克网盘、QQ音乐、网易云音乐、WPS、飞书、微信读书、得到 等主流平台。智能费用汇总勾选你的订阅服务后自动计算日费— 每天花多少月费— 每月固定支出年费— 一年下来是多少这个数字往往很「惊喜」5年/10年费— 长期视角看消费可视化分析品类分布图— 看看钱都流向了哪些品类时间线柱状图— 月度/年度/5年/10年费用一目了然智能洞察— 自动识别最贵的订阅服务告诉你它占了总花费的百分比自定义服务 价格编辑如果你的订阅服务不在数据库里可以手动添加。 如果你的订阅是家庭计划/学生折扣也可以直接编辑价格。一键分享卡片计算结果可以导出为 PNG 图片发朋友圈、发微博都行。技术实现技术栈Next.js 15React 19TypeScriptTailwind CSS 4— 原子化 CSS快速迭代样式Next.js App Router— 现代 React 服务端渲染架构架构亮点项目采用了清晰的目录结构src/ ├── app/ # Next.js App Router 页面 ├── components/ # UI 组件calculator、layout、seo ├── data/ # 服务数据库、i18n 配置 ├── hooks/ # 自定义 Hooks └── lib/ # 工具函数计算逻辑、埋点等核心计算逻辑完全在浏览器端完成不上传任何数据到服务器隐私友好。数据持久化使用localStorage保存用户的选择刷新页面不丢失。使用场景月底账单日看到信用卡账单 ¥3,000 打开计算器 → 勾选所有订阅 → 看到年费 ¥36,000 → 默默取消几个不常用的考虑新订阅时想订阅 Claude Pro 加入列表 → 看到每月订阅总费 ¥800 → 犹豫了觉得还是先取消一个再说年度财务审计年初想整理财务 全选服务 → 导出分享卡片 → 发朋友圈我一年花了 ¥18,000 在订阅上Roadmap下一步计划中英双语支持多货币切换USD/CNY/EUR/GBP暗色模式消费泼冷水计算器另一个工具订阅提醒功能提醒你取消长期不用的订阅结语这个工具完全免费无需注册即用即走。如果你觉得有用欢迎分享给朋友。如果你有任何建议比如想增加某个服务、想加某个功能非常欢迎在评论区留言我会认真看每一个反馈。如果你有相关开发需求无论是类似的工具站、还是其他 Web 应用也可以通过以下方式联系我博客底部有联系方式项目地址网站https://subcost.toolsTags#订阅服务 #费用计算器 #工具推荐 #Next.js #React #TypeScript #TailwindCSS #订阅疲劳 #理财工具免责声明本文提及的服务价格仅供参考实际价格以各平台官方定价为准。