Skip to content

Repository files navigation

二选一 · 全比较排名器

一个完全运行在浏览器本地的循环比较工具。用户可以自定义选项名称与图片,让每两个不同选项只比较一次,最后按胜场数生成排名。

已实现

  • 自定义排名标题、选项名称和图片
  • 批量导入图片,自动以文件名作为选项名
  • 批量粘贴名称
  • 完整无重复两两比较,共 n × (n - 1) / 2
  • 随机赛程与随机左右位置
  • 键盘方向键选择、退格键撤销
  • 暂停、刷新后继续、本机自动保存
  • 按胜场排名,相同胜场显示并列
  • 导出 PNG 结果图片与 CSV 表格
  • 图片在浏览器内缩放、重新编码,不上传服务器
  • 桌面端和手机端响应式布局

直接发布到 GitHub Pages

项目已经包含构建好的 docs 目录。无需购买域名或服务器,也无需在本地运行构建命令。

  1. 在 GitHub 创建一个公开仓库。
  2. 将本项目的全部文件上传到仓库的 main 分支。
  3. 打开仓库的 Settings → Pages
  4. Build and deployment 中选择 Deploy from a branch
  5. 分支选择 main,目录选择 /docs,点击保存。
  6. 等待 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 仓库;应让使用者在网页中从自己的设备选择图片。

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages