自制 qBittorrent Web UI 优化包

Coelacanthus 发表于 2022-8-17 09:01
感觉可以把下面Tab的按钮美化一下，这部分现在比较丑

不会改

而且改了以后 很有可能和别的部分风格不匹配了（照这么说，不如直接用 vue 重写一个好了

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论坛等网站的字体选择就是这么解决的）
而更纱黑体版本则对于不同地区化版本给出了对应的字体包和 CSS 样式表，通过修改 class 属性来更改字体
我们正在对更纱黑体的 WebFont 搭建 CDN，以便在线调用，搭建完成后，可以将 60MiB 左右的文件减小至和默认字体版本一样大

xiaomeng 发表于 2022-8-12 21:47
一直有个问题，web种子是什么？

就是种子里的文件的直链，可以利用网盘直链加速种子的下载

4.4.3.1的包在4.3.9上【普通】【Tracker】【用户】【HTTP 源】【内容】这些用不了，不知道是不是打开方式不对，web不会请求如下链接：/api/v2/torrents/files?hash=22c57c53c9a2fd1ef815c51ebc2da4822577f993&l73sc58q
使用的docker镜像：linuxserver/qbittorrent:14.3.9.99202110311443-7435-01519b5e7ubuntu20.04.1-ls165

枫之雨 发表于 2022-8-22 04:41
4.4.3.1的包在4.3.9上【普通】【Tracker】【用户】【HTTP 源】【内容】这些用不了，不知道是不是打开方式不 ...

更换ui后请清空浏览器缓存

Lambholl 发表于 2022-8-22 10:50
更换ui后请清空浏览器缓存

噢可以用了，我以为ctrl+f5就行

更换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 替换了自带的，打包进了源码；如果您要使用源码从头开始编译安装，可以使用此包一步到位