💡 背景:为什么要做这个?
作为一名静态博客(Hexo/Hugo/Jekyll)的用户,我一直有记录“量化生活”的习惯。最近去山西跑了一圈古建筑,积攒了大量的评价数据。
但在维护博客的评测页面时,我发现了一个巨大的痛点:手动修改 .json 数据库太痛苦了。
- 在几百行代码里改一个分值,不仅效率低,还容易把逗号写错导致页面崩掉。
- 出门在外想随时记录,根本没法在手机上优雅地编辑 GitHub 里的 JSON 文件。
于是,为了解决“数据输入”与“代码维护”脱节的问题,我撸了这个小工具:1Nuo-Rating-System。
🚀 核心功能与亮点
这个项目的核心逻辑是:白嫖 GitHub API 当后端数据库,利用浏览器原生 API 做前端管理。
1. ⚙️ 可视化管理后台 (Backend)
提供完整的 GUI 表单界面,通过 File System Access API 直接读写本地 .json 文件。填表即修改,再也不用手刷代码。
2. ☁️ 零成本云端同步
集成 GitHub API 逻辑。配置好 Token 后,在网页端点击“云端同步”,数据直接推送至远端仓库。整个过程无需服务器,完全免费。
3. 📊 ECharts 数据看板
基于 ECharts 自动提取 JSON 数据,生成各维度的平均分看板,直观展示评价走势。
4. ⚔️ 景点对撞机 (PK Mode)
支持在不同项目间开启“对撞”模式,在同一坐标系下进行多维度数据对比,让量化评价更有趣。

📐 严谨的评价模型
系统内置了一套加权算法,确保评价标准不是“拍脑袋”,而是有据可依:
以我目前的“景点模式”为例,权重分配如下:
- 建筑视觉 (25%):美学与视觉冲击力。
- 文化共鸣 (30%):历史积淀与情感权重。
- 游览体验 (25%):服务流程与现场感受。
- 质价比 (20%):基于成本的评估。
当然,这套维度和权重完全支持自定义,你可以拿它来评测数码产品、美食、书籍或者任何你想量化的东西。
🛠️ 技术实现简述
作为一个非计算机专业的博主,这个项目的大部分逻辑是在 AI 辅助下完成的。虽然代码实现可能不够“优雅”,但它确实跑通了:
- 存储层:利用 GitHub Repo 充当 Serverless 数据库。
- 交互层:File System Access API 解决本地读写。
- 展示层:ECharts + 原生 JS 实现数据看板。
🔗 项目地址 (求 Star ⭐)
如果你也喜欢折腾静态博客,或者也在寻找一种轻量化的数据管理方案,欢迎尝试!
- GitHub 仓库 (欢迎 Star/Fork): github.com/1nuoiscute/…
- 在线 Demo: www.1nuo.me/rate/ (欢迎来我的博客玩)
💬 写在最后
由于本人技术力有限,项目难免有不足之处。非常欢迎各位大佬在 GitHub 提 Issue 或提交 Pull Request 帮我重构。 如果这个小工具对你有启发,希望能得到你的一个 Star 支持,这对我这个爱好者来说是巨大的动力!