安装 qBittorrent WebUI 美化主题 VueTorrent（使用 1Panel）

安装 qBittorrent WebUI 美化主题 VueTorrent（使用 1Panel）

原来的 qBittorrent 有点丑，虽然后面更新过一版 WebUI 但是什么的已经习惯了， 而且主题也更好看一点，今天教大家怎么在 1Panel 的 qBittorrent 里面更换一个主题叫 VueTorrent。

这个 WebUI 是用 Vue 写的，也是我比较早期玩 PT 就开始用这个主题了，这个主题其实全平台/增强版都可以通用的。（当然需要开启 WebUI 功能） 当初不会用的时候路径总搞错，总是要重新弄，也为了方便我自己我这里只介绍 1Panel 的步骤，其实你用 compose 安装 qBittorrent 也是一样的，这里我就偷个懒。好物分享(bushi)

在线体验 DEMO: https://vuetorrent.github.io/demo

准备

这里准备 1Panel 进行安装 qBittorrent，当然你通过其他方式安装的 qB 也是一样的

然后把 VueTorrent 主题下载下来 https://github.com/VueTorrent/VueTorrent/releases/download/v2.28.2/vuetorrent.zip

然后我这里用 1Panel 自带的“文件”将压缩包上传上去，（你通过 sftp 上传也是一样的，甚至你 1Panel 的远程下载，wget 也一样）

然后进行解压，就得到了 vuetorrent 这个文件夹，文件夹里面有一个 public 文件夹和 version.txt 文本文件。

认识路径

这里我以我的 compose 文件做参考，这里 ./config:/config

  • 左边的 .config 是代表本 compose 文件下的 /config 文件夹
  • 右边代表着 qBittorrent 容器的内部文件映射路径 /config
YAML
networks:
    1panel-network:
        external: true
services:
        ... ...
        volumes:
            - ./config:/config
            - ./data:/downloads
Copy

通过 1Panel 安装的目录在 /opt/1panel/apps/qbittorrent/qbittorrent

我们需要将 vuetorrent 解压得到的文件夹，放在安装路径下的 /config/qBittorrent

完整路径是 /opt/1panel/apps/qbittorrent/qbittorrent/config/qBittorrent

设置

下载解压好确定路径后，我们这里进行设置，进入 qBittorrent 的 WebUI 点击设置小齿轮，然后选择 WebUI，

勾选备用 WebUI 将容器路径输进去 /config/qBittorrent/vuetorrent

就对应着宿主的 /opt/1panel/apps/qbittorrent/qbittorrent/config/qBittorrent/vuetorrent 这个路径下

点击 Save 保存就会自己应用好主题，如果你出现了问题报错，就说明你对文件路径不了解或者自行解压都时候多了一个文件夹。

以下是完整 compose 文件，不要照抄

开启了 host 模式以利用 IPv6 网络并且删除了 1panel-network，并且映射到 NAS 中，这里的 ports 无效懒得清了……

YAML
services:
    qbittorrent:
        container_name: ${CONTAINER_NAME}
        deploy:
            resources:
                limits:
                    cpus: ${CPUS}
                    memory: ${MEMORY_LIMIT}
        environment:
            - PUID=1000
            - PGID=1000
            - UMASK_SET=022
            - TZ=${TIME_ZONE}
            - WEBUI_PORT=${PANEL_APP_PORT_HTTP}
            - TORRENTING_PORT=${PANEL_TORRENTING_PORT}
        image: linuxserver/qbittorrent:5.1.2
        labels:
            createdBy: Apps
        network_mode: host
        ports:
            - ${HOST_IP}:${PANEL_TORRENTING_PORT}:${PANEL_TORRENTING_PORT}
            - ${HOST_IP}:${PANEL_TORRENTING_PORT}:${PANEL_TORRENTING_PORT}/udp
            - ${HOST_IP}:${PANEL_APP_PORT_HTTP}:${PANEL_APP_PORT_HTTP}
        restart: always
        volumes:
            - ./config:/config
            - ./data:/downloads
            - /mnt/nas/Library:/Library
Copy