家庭影院之一：2021伊始给群晖下的QB换个第三方UI换新教程

创作立场声明：转载请注明出处

追加修改(2021-04-01 10:45:48):
#第三方UI目前已更新到最新版本20210315，增加了APP设置选项，主要是可以设置下载、速度以及WEBUI选项，track信息汉化还不很完全，总体建议更新

更换理由

新年到了，人靠衣装，软件APP咱也换个新UI，新年新气象。今天要换新衣的是群晖下的QB，全称qbittorrent是一个轻量级BitTorrent客户端，可运行于Linux、windows及其他可能系统，它简单易用，漂亮的外观，功能非常强大。谁用谁知道，用过的人都知道，那就是一个字，好！！！Windows下的QB状态栏左侧能显示不同站点，但是群晖下的QB web ui功能就比较简单，最主要的是无法按照不同站点分类显示。如下图：

群晖下的QB WEB UI

Windows下的QB页面比较全

那好，今天就来整一个群晖下的第三方webui，来实现显示不同站点分类的功能，同时对于看惯了qb原版的ui界面，也进行个尝鲜，换个UI看看喜不喜欢，并且我也会告诉你，不喜欢的话咱可以切换回来的。所以以下教程全程保姆式，没啥难度，重在实践。下面就开始教程。

第三方WEB UI界面展示

先来看下第三方WEB界面的整体风格，喜欢就继续往下，不喜欢咱就先收藏着，以后想换的时候可以随时来查看本教程：

新版界面

原版登录界面

可以看到，原版的ui登录界面还是比较简洁大方，登录后自动跳转到主界面，但是新版的是弹出式登录，主界面作为背景，显得更加一体化，美观度有所提升。

看过了界面，下面开始正式教程：

步骤一：下载第三方UI

首先，我们要先下载一下第三方UI的源文件，请转到https://github.com/CzBiX/qb-web/releases页面，找到qb-web-nightly-20201023.zip文件进行下载，下载后一定要进行解压缩。

步骤二：上传UI文件到群晖文件夹下

其实就是复制上面解压出来的文件到群晖系统，因为之前我已经在windows下映射了群晖文件夹，所以就直接复制解压后的文件夹进去就行了。

这里需要注意的是，为了管理方便，建议把第三方UI文件夹放在群晖docker下qb的config文件夹下一起，这样方便以后管理，也不容易忘记了这个文件夹是干什么的。

步骤三：配置第三方UI，让他生效

前两步都是很简单，这一步最关键，弄不好就会乱码哦。你现在收手还来得及！

乱码画面

哈哈哈哈，要是壮壮胆，咱可以继续往前，首先记一下刚才UI放置的位置路径，如下configqBittorrentqb-web-nightly-20201023dist，注意要进去直到public之前的文件夹路径，记录下来。这个路径我们是从windows下复制的，但是群晖是Linux系统，所以路径中的是不对的，我们要进行修改成反斜杠/，路径变为/config/qBittorrent/qb-web-nightly-20201023/dist。

接下来打开QB原版UI的配置-web用户界面，找到使用备用WEB UI ,打勾，文件路径添加刚才记录的路径/config/qBittorrent/qb-web-nightly-20201023/dist。最后保存一下，即可生效。下次打开就是崭新的web ui界面了。如果您已经打开了崭新的web ui界面，恭喜你本教程就到此为止结束了。如果你不喜欢这个第三方UI，咱就来个后悔药，继续看看步骤四吧。

步骤四(非必须，留着备用)：不喜欢了的后悔药

如果你不喜欢新的web ui怎么办？这一步就是来帮你解决这个问题的。提供3种方法供你选择：

1、这个良心的第三方UI自带返回原版UI的功能，所以你只需要点击它就行了，这是最简单的，适合你用了一段时间不喜欢了，直接切换回来。

2、针对第三步开头，你配置了半天，结果乱码了，原版ui进不去，新版也进不去的时候怎么办？别急，本方法一步还原。在原登录地址如http://192.168.xx.xx:8999后面加上/api/v2/app/setPreferences?json=%7B%22alternative_webui_enabled%22:false%7D,组成http://192.168.xx.xx:8999/api/v2/app/setPreferences?json=%7B%22alternative_webui_enabled%22:false%7D回车一下，再重新打开http://192.168.xx.xx:8999即可回到原版UI界面了。解释一下：这一步的本质其实是直接调用了qb的api接口，修改alternative_webui_enabled这一项的值，alternative_webui_enabled其实就是上面使用备用web ui打勾的那个值，开启就是True,关闭即False。把它设置为False，就是关闭了备用UI界面了。

3、同样的，方法二的操作可以通过api设置，也可以修改群晖下qb本地的配置文件。找到与qb-web-nightly-20201023同目录下的qBittorrent.conf文件，

右键用文本编辑器打开，向下拉找到WebUIAlternativeUIEnabled=true项，修改为WebUIAlternativeUIEnabled=false，改完记得保存并重启一下qb即可。

总结

以上教程比较详细的展示了如何更换群晖下的qb第三方web ui以及提供了3种后悔药的方法，让你尽情享受DIY的乐趣，以及消除了后顾之忧，希望能对您有所启发和帮助。