自制 qBittorrent Web UI 优化包

Lambholl · 发表于 2022-8-12 02:26:46

本帖最后由 Lambholl 于 2022-9-25 15:59 编辑

项目地址: GitHub
基于官方的Web UI，进行了一些优化:

对种子列表和文件列表中的每个文件名进行判断是否包含假名，如果包含假名，就将那一行设置为日文字体，否则保持默认字体（有两种实现方式，详见8月21日更新日志）
美化了登录页
增加了拒绝蜘蛛协议，防止`WebUI`的页面被搜索引擎收录（感兴趣可以必应一下）
另外，我用修改后的WebUI替换了自带的，打包进了源码；如果您要使用源码从头开始编译安装，可以使用此包一步到位
我们搭建了一个更纱黑体 Webfont API，此包的一些版本会调用此 API，详见Releases页说明
更换WebUI后请一定要清除浏览器缓存！！！！！！

===============================================================================
2022年8月19日更新：

1. 更新了`Webfont`子集化的处理方式（详见子集化生成器），使得每一个版本的 Sarasa Gothic 都包含完整的 CJK 字符集
2. 使登录页适配`4.2`及以上版本（`4.2`开始登录页文件名由`login.html`更改为`index.html`，因此复制了一份网页，使得它适配各个版本）

2022年8月21日更新：

* 使用了 4.4.3.1 的 WebUI，此版本的 WebUI 的绝大多数功能都向下兼容
* 对于使用 4.1.x、4.2.x 及 4.3.x 的用户，也建议使用此 WebUI 包，因为此版本的 WebUI 对于 4.4.x 以下版本均有功能扩充（事实上，qb 的每一个大版本更新都有 WebUI 的功能扩充）
* 4.4.3.1 相比 4.1.9.1 加入的功能有(从第5点开始对部分老版本不兼容，有的是 4.2.x 加入的，有的是 4.3.x 加入的)：
  1. 文件列表折叠
  2. RSS订阅
  3. 种子完成进度条
  4. 以`Tag`分类种子
  5. 以`Tracker`分类种子
  6. 可以通过`WebUI`更改高级设置
  7. 可能还有别的
* 由于 Windows 和 Linux 表示路径的分隔符并不一样，因此给出了两个系统对应的版本（虽然用 Windows 就不需要 WebUI 了，直接远程桌面就行）
* 给出了默认字体和更纱黑体的两个版本，其中默认字体版本通过修改 html 的 lang 属性来修改字体，绝大多数桌面浏览器都支持这个功能（必应、萌娘百科和1919810论坛等网站的字体选择就是这么解决的）
但是此方式也会有一定问题，例如，如果在标题中出现了简体字（如「xx字幕组」的「组」），就会被`fallback`到中文字体，很有可能两个字体的风格并不匹配
而更纱黑体版本则对于不同地区化版本给出了对应的字体包和 CSS 样式表，通过修改 class 属性来更改字体
我们正在对更纱黑体的 WebFont 搭建 CDN，以便在线调用，搭建完成后，可以将 60MiB 左右的文件减小至和默认字体版本一样大

Lambholl · 发表于 2022-8-29 15:41:19

本帖最后由 Lambholl 于 2022-8-29 15:49 编辑

更换WebUI后请一定要清除浏览器缓存！！！！！！
我们搭建完成了更纱黑体 Webfont API
现在，更纱黑体版本的 WebUI 将会调用此 API
因此我去除了 WebUI 包中的更纱黑体字体文件，使得它的大小和普通版本几乎一致

来自上一个版本的更新日志

使用了 4.4.3.1 的 WebUI ，此版本的 WebUI 的绝大多数功能都向下兼容对于使用 4.1.x 、 4.2.x 及 4.3.x 的用户，也建议使用此 WebUI 包，因为此版本的 WebUI 对于 4.4.x 以下版本均有功能扩充（事实上，qb的每一个大版本更新都有 WebUI 的功能扩充） 4.4.3.1 相比 4.1.9.1 加入的功能有(从第5点开始对部分老版本不兼容，有的是 4.2.x 加入的，有的是 4.3.x 加入的)：
  1. 文件列表折叠
  2. RSS订阅
  3. 种子完成进度条
  4. 以 Tag 分类种子
  5. 以 Tracker 分类种子
  6. 可以通过 WebUI 更改高级设置
  7. 可能还有别的
由于 Windows 和 Linux 表示路径的分隔符并不一样，因此给出了两个系统对应的版本（虽然用 Windows 就不需要 WebUI 了，直接远程桌面就行）给出了默认字体和更纱黑体的两个版本，其中默认字体版本通过修改 html 的 lang 属性来修改字体，绝大多数桌面浏览器都支持这个功能（必应、萌娘百科和1919810论坛)等网站的字体选择就是这么解决的）
但是此方式也会有一定问题，例如，如果在标题中出现了简体字（如「xx字幕组」的「组」），就会被 fallback 到中文字体，很有可能两个字体的风格并不匹配
而更纱黑体版本则对于不同地区化版本给出了对应的字体包和 CSS 样式表，通过修改 class 属性来更改字体最后，我用修改后的 WebUI 替换了自带的，打包进了源码；如果您要使用源码从头开始编译安装，可以使用此包一步到位