从夯到拉排行榜生成器

制作从夯到拉的等级排行榜,支持文字与本地图片混排、5档或7档分类、拖拽排序及PNG图片导出。

待分类项目(0)

添加内容后,点击项目选择等级,或拖入排行。

排行榜预览
夯
顶级
人上人
NPC
拉完了

拖动项目分类或调整顺序;手机上点击项目选择等级。导出采用固定 1024 像素宽,每行最多 7 项,长文字超过四行会省略。

使用方法

选择文字版,每行输入一个项目后批量添加;选择图片版,可点击选择或拖入多张图片。两种方式添加的内容可以混排,切换添加方式不会清空排行。

桌面端可拖动项目到对应等级,拖到某个项目上可插入其前方。手机端点击项目后选择目标等级,也可移回待分类区。点击删除按钮移除项目,清空全部会删除所有内容。

5 档依次为夯、顶级、人上人、NPC、拉完了。7 档增加最高等级夯爆了,以及拉完了之前的拉。切回 5 档时,夯爆了并入夯,拉并入拉完了。

演示模式

点击「演示模式」可铺满窗口,隐藏站点导航、侧栏和说明,保留内容添加、分类和导出操作,适合录制视频。浏览器支持时会同时进入全屏;不支持时仍使用窗口内演示模式。点击「退出演示」或按 Esc 返回,已编辑内容保持不变。

示例

点击「载入示例」可查看苹果、特斯拉、华为、三星、小米组成的五档排行。示例仅用于演示操作,不代表实际评价;载入示例会替换现有内容。

图片与导出说明

支持 JPG、PNG、WebP、GIF。文件仅在浏览器本地读取,不上传服务器。图片按比例缩小至最长边 320 像素,GIF 转为静态图片。没有固定文件大小门槛,但大图解码仍需要内存;无法读取的图片会提示错误。关闭或刷新页面后内容不会保留。

导出仅包含已分类项目,不包含待分类区和操作按钮。PNG 使用固定配色,宽度为 1024 像素,每行最多 7 项,按内容自动增加高度。高度超过 4096 像素时需减少项目;长文字最多显示四行,超出部分省略。预览随屏幕宽度换行,因此导出的换行位置可能与预览不同。