一个完全运行在浏览器本地的循环比较工具。用户可以自定义选项名称与图片,让每两个不同选项只比较一次,最后按胜场数生成排名。
- 自定义排名标题、选项名称和图片
- 批量导入图片,自动以文件名作为选项名
- 批量粘贴名称
- 完整无重复两两比较,共
n × (n - 1) / 2场 - 随机赛程与随机左右位置
- 键盘方向键选择、退格键撤销
- 暂停、刷新后继续、本机自动保存
- 按胜场排名,相同胜场显示并列
- 导出 PNG 结果图片与 CSV 表格
- 图片在浏览器内缩放、重新编码,不上传服务器
- 桌面端和手机端响应式布局
项目已经包含构建好的 docs 目录。无需购买域名或服务器,也无需在本地运行构建命令。
- 在 GitHub 创建一个公开仓库。
- 将本项目的全部文件上传到仓库的
main分支。 - 打开仓库的
Settings → Pages。 - 在
Build and deployment中选择Deploy from a branch。 - 分支选择
main,目录选择/docs,点击保存。 - 等待 GitHub 完成发布,页面会显示访问地址。
如果仓库名为 你的用户名.github.io,地址通常是 https://你的用户名.github.io/;普通仓库则通常是 https://你的用户名.github.io/仓库名/。
需要 Node.js 20 或更新版本:
npm install
npm run dev完成修改后运行:
npm run build新的可发布文件会写入 docs 目录。
- 选项、图片和比较进度保存在当前浏览器的 IndexedDB 中。
- 网站不包含账号、统计脚本或服务器上传功能。
- 清除浏览器网站数据会一并删除保存的进度。
- GitHub Pages 网站本身公开可访问,请勿把私人图片直接提交到 GitHub 仓库;应让使用者在网页中从自己的设备选择图片。