VJudge 美化 & 功能增强
VJudge 美化 & 功能增强
最近要CSP，更新可能较慢。
可以在 洛谷专栏 阅读，但那篇洛谷专栏仅提供教程，更新日志等请在此博客阅读。
看了一篇 洛谷专栏，也是美化 VJ 的，于是自己也写了一个。
改动并不大。
效果
截图画质惊人，可能看不清。
只挑了四张图。
非最新版本。
文档
https://better-vjudge.github.io
（自己没有域名呜呜呜）
这篇文章有的文档里大部分都有。
代码保存至云数据库功能也请先看此文档。
更新日志
- Update at 2025-09-24
- v1.9: 修复若干问题，添加云数据库代码保存功能。
- Update at 2025-08-30?
- v1.8: 修复若干问题，重构了样例测试功能，并修复自动更新。
- Update at 2025-08-28
- v1.7: 支持测试样例，并添加自动更新。
- Update at 2025-08-20
- v1.6: 添加代码运行功能！支持 Rextester。
- v1.61: 再次修改（其实就是上传东西上传错了），运行功能输入支持多行，使用 jsdmirror 与南科大镜像作为公共 CDN。
- Update at 2025-08-19
- v1.5: 缺省源设置按钮移至编辑器工具栏，添加信息面板。
- v1.4: 添加缺省源设置。
- v1.3: [实验性] 添加了两种编辑器布局。
- v1.2: 编辑器换成了 Monaco Editor，因为 CodeMirror 太丑了。
- v1.1: 添加 CodeMirror 代码编辑器。
- v1.0: 初始版本上线：基础美化功能。
安装扩展
首先，您需要在浏览器内安装扩展“篡改猴”，如果您已经安装好了，可以跳过此环节。
:::info[篡改猴扩展下载教程]
下载链接为 https://chrome.zzzmh.cn/info/dhdgffkkebhmkfjojejmpbldmpobfkfo
点击“推荐下载”下载。
下载的是压缩包，你需要把它解压。
里面会有两个东西，只需用看那个 CRX 文件。
这里给出谷歌和 Edge 的安装教程。
谷歌
打开管理扩展程序界面。
打开开发者模式。
把之前的 CRX 文件拖进去。
添加扩展程序。
这样就安装好篡改猴了。
Edge
跟谷歌差不多。
按照上图弄会弹出一个框，点击“管理扩展”。
打开开发人员模式。
照样把文件拖进去。
点击添加扩展。
:::
添加代码
您会的话您可以跳过。
有两种方案，推荐第一种。
::::info[直接获取]{open}
先打开 https://raw.githubusercontent.com/zhangyimin12345/Better-VJudge/refs/heads/main/index.user.js。
:::warning[提示]
如果打不开，可以尝试 https://cdn.jsdelivr.net/gh/zhangyimin12345/Better-VJudge@main/index.user.js，
还是不行可以尝试 https://cdn.jsdmirror.com/gh/zhangyimin12345/Better-VJudge@main/index.user.js。
但这两个链接无法频繁获取最新版本插件，到了这个地步建议第二种方案。
:::
随后会自动变成两个界面：
我们只管第二个页面（第一个别关了），点击其中的“安装”按钮即可。
::::
:::info[添加代码]
随便找个页面，找到浏览器右上角的拼图图标，按下去。
谷歌：
Edge：
找到“篡改猴”字样按下去。
谷歌：
Edge：
再点击管理面板字样。
然后点击加号。
再把下面的代码复制进去，然后按 Ctrl+S 保存就行了！
下载后打开，全选复制里面的内容。
获取代码：
:::
反馈问题
发现问题了一定要告诉我啊~~~
浙公网安备 33010602011771号