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

自制 qBittorrent Web UI 优化包

本帖最后由 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 左右的文件减小至和默认字体版本一样大

https://p.sda1.dev/6/ebd2fb6988e7a1738d1020da722bf238/login02.png
https://p.sda1.dev/6/9e98862e7a7c35a7e8841d8905c5bd9d/login01.png
https://p.sda1.dev/6/3316045466a631fe68ab97cba86b03d5/image.png


https://p.sda1.dev/6/46f05318af9e1101b4a4d308e8bf62c4/image.png




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

Yoimiya 发表于 2022-8-12 11:16:28

{:8_736:}{:8_736:}

wmzcdd 发表于 2022-8-12 12:44:58

妙啊{:13_971:}

quezhou 发表于 2022-8-12 16:04:10

给个赞      

x86armv7 发表于 2022-8-12 20:26:58

给大佬点赞和star

emmm大佬的一个一个commit说明是否有点奇怪:
https://pic.imgdb.cn/item/62f6468416f2c2beb1b2087f.png

xiaomeng 发表于 2022-8-12 21:47:15

一直有个问题,web种子是什么?

piano 发表于 2022-8-13 01:00:02

看不懂,但感觉很厉害{:12_853:}

kavenliang 发表于 2022-8-13 09:37:15

不错,支持

无名的南瓜君 发表于 2022-8-13 13:15:09

{:8_736:}赞

Coelacanthus 发表于 2022-8-17 09:01:29

感觉可以把下面Tab的按钮美化一下,这部分现在比较丑
页: [1] 2
查看完整版本: 自制 qBittorrent Web UI 优化包