【VueTorrent】一款吊炸天的qBittorrent主题,人人都可用
ztj100 2024-12-03 06:54 185 浏览 0 评论
【VueTorrent】一款吊炸天的qBittorrent主题,人人都可用
只要玩NAS的小伙伴,想必对qBittorrent是在熟悉不过了。不管是BT下载,还是PT做种,qBittorrent可以说是一款不可多得的免费种子和磁力链接下载神器。
不过有一说一,qBittorrent的功能咱不否认,但是它原生的界面先不说是多么的古板单调,这么多年版本一直在迭代,也没见它换下UI界面,我们用户早就产生了审美疲劳了。
而今天分享的这款VueTorrent主题,可以说是原生qBittorrent UI界面的全面改造,并且做到了完美支持,给了我们一种全新的下载体验!
VueTorrent介绍
VueTorrent是一款使用Vue.js 制作的免费开源qBittorrent主题,界面UI特别炫酷,几乎对qBittorrent做到了100%的完美匹配,包括手机端也是完美支持。甚至原生qBittorrent没有的功能它还给加上了,比如说深色和浅色模式切换:
手机移动端可作为 PWA 安装,也是支持深色和浅色模式切换:
根据官方的描述,以下是VueTorrent的详细特性介绍:
1、Torrents
添加 / 删除 / 暂停 / 恢复 / 重命名种子
选择性下载文件
查看信息 / 追踪器 / 对等方 / 内容 / 标签 & 类别
直接从WebUI搜索新的种子!
使用Fuse.js进行搜索过滤!
支持键盘快捷键!
支持Mac键映射(使用Cmd代替Ctrl)
按Escape键关闭任何对话框或返回仪表板视图
2、仪表板
使用Ctrl-A选择所有种子
使用Ctrl-F聚焦搜索输入
再次按下以启用原生浏览器搜索
当没有打开对话框时,按Escape键取消聚焦搜索输入
再次按下以取消选择所有种子
使用Delete(在Mac上为Fn-Backspace)删除选定的种子
在种子卡片上单击鼠标右键以启用多选模式并选择它
按住Shift并单击种子卡片以选择最后一个选定的种子和单击的种子之间的所有种子
3、系统
查看会话统计信息(下载 / 上传速度,会话上传 / 下载量,可用空间)
精美的传输图表
更改最常见的设置
默认WebUI没有的额外功能
移动友好!(可以作为PWA安装)
可配置的仪表板:选择显示繁忙和完成的种子的哪些属性
针对最新版本的qBittorrent进行了优化
VueTorrent安装
因为VueTorrent是一款免费并开源的主题,所以作者也将它所有的源码与信息发布在G网,包括主题安装方案。
它有两种安装方案,都非常简单:
方案一:添加环境变量(适合首次安装或重新安装qBittorrent)
此方案就是在我们部署qBittorrent的时候加一个环境变量:DOCKER_MODS=arafatamim/linuxserver-io-mod-vuetorrent
比如说,我们想要部署一个带有VueTorrent主题的qBittorrent容器,它的docker-compose.yml文件可能如下所示:
...
qbittorrent:
image: linuxserver/qbittorrent
container_name: qbittorrent
environment:
- PUID=1000
- PGID=1000
- UMASK=022
- WEBUI_PORT=9090
- DOCKER_MODS=arafatamim/linuxserver-io-mod-vuetorrent
volumes:
- ./data/qbittorrent:/config
- /home/user/Downloads:/downloads
ports:
- 6881:6881
- 6881:6881/udp
- 9090:9090
restart: unless-stopped
原来的qBittorrent部署代码没变,就多了一个DOCKER_MODS的环境变量。不过我试了一下,这个多出来的环境变量需要魔法,小伙伴们可要提前准备了~
方案二:使用备用Web UI(适合已经安装好的qBittorrent)
因为我自己是在已经部署好的qBittorrent加上这个VueTorrent主题,所以我采用的就是这个方案。
先去G网下载VueTorrent的压缩包到本地,然后直接解压得到一个VueTorrent的文件夹。
我这里以极空间中安装的qBittorrent为例,我是将解压后的VueTorrent文件夹放在qBittorrent“/config”映射的NAS目录的根目录中(也就是一层目录中)。
然后打开“qBittorrent”的设置,然后在“Wbb UI”下方的“使用备用Web UI”勾选,在文件路径中输入VueTorrent文件夹的完整路径。按照我演示的设置,它的完整路径为“/config/qBittorrent/vuetorrent”,然后直接点“保存”,UI界面就能立马变成VueTorrent了。
VueTorrent展示
可以看到VueTorrent风格的qBittorrent确实让人眼前一亮,至少界面看起来更活泼、更漂亮了,没有原生的那么单一。并且它对原生qBittorrent的界面接管可以说是做到了100%,几乎只要你能点开的地方全部都做到了完全更改,特别是速度图像化的动态显示曲线看着特别的高端大气。可以说,如果之前没有用过qBittorrent主题的小伙伴,首次给他看到VueTorrent,它一定不会想到这个竟然就是qBittorrent的华丽皮肤版!
好了,以上就是今天给大家分享的内容,我是爱分享的Stark-C,如果今天的内容对你有帮助请记得收藏,顺便点点关注,咱们下期再见!谢谢大家~
相关推荐
- Vue3非兼容变更——函数式组件(vue 兼容)
-
在Vue2.X中,函数式组件有两个主要应用场景:作为性能优化,因为它们的初始化速度比有状态组件快得多;返回多个根节点。然而在Vue3.X中,有状态组件的性能已经提高到可以忽略不计的程度。此外,有状态组...
- 利用vue.js进行组件化开发,一学就会(一)
-
组件原理/组成组件(Component)扩展HTML元素,封装可重用的代码,核心目标是为了可重用性高,减少重复性的开发。组件预先定义好行为的ViewModel类。代码按照template\styl...
- Vue3 新趋势:10 个最强 X 操作!(vue.3)
-
Vue3为前端开发带来了诸多革新,它不仅提升了性能,还提供了...
- 总结 Vue3 组件管理 12 种高级写法,灵活使用才能提高效率
-
SFC单文件组件顾名思义,就是一个.vue文件只写一个组件...
- 前端流行框架Vue3教程:17. _组件数据传递
-
_组件数据传递我们之前讲解过了组件之间的数据传递,...
- 前端流行框架Vue3教程:14. 组件传递Props效验
-
组件传递Props效验Vue组件可以更细致地声明对传入的props的校验要求...
- 前端流行框架Vue3教程:25. 组件保持存活
-
25.组件保持存活当使用...
- 5 个被低估的 Vue3 实战技巧,让你的项目性能提升 300%?
-
前端圈最近都在卷性能优化和工程化,你还在用老一套的Vue3开发方法?作为摸爬滚打多年的老前端,今天就把私藏的几个Vue3实战技巧分享出来,帮你在开发效率、代码质量和项目性能上实现弯道超车!一、...
- 绝望!Vue3 组件频繁崩溃?7 个硬核技巧让性能暴涨 400%!
-
前端的兄弟姐妹们五一假期快乐,谁还没在Vue3项目上栽过跟头?满心欢喜写好的组件,一到实际场景就频频崩溃,页面加载慢得像蜗牛,操作卡顿到让人想砸电脑。用户疯狂吐槽,领导脸色难看,自己改代码改到怀疑...
- 前端流行框架Vue3教程:15. 组件事件
-
组件事件在组件的模板表达式中,可以直接使用...
- Vue3,看这篇就够了(vue3 从入门到实战)
-
一、前言最近很多技术网站,讨论的最多的无非就是Vue3了,大多数都是CompositionAPI和基于Proxy的原理分析。但是今天想着跟大家聊聊,Vue3对于一个低代码平台的前端更深层次意味着什么...
- 前端流行框架Vue3教程:24.动态组件
-
24.动态组件有些场景会需要在两个组件间来回切换,比如Tab界面...
- 前端流行框架Vue3教程:12. 组件的注册方式
-
组件的注册方式一个Vue组件在使用前需要先被“注册”,这样Vue才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册和局部注册...
- 焦虑!Vue3 组件频繁假死?6 个奇招让页面流畅度狂飙 500%!
-
前端圈的朋友们,谁还没在Vue3项目上踩过性能的坑?满心期待开发出的组件,一到高并发场景就频繁假死,用户反馈页面点不动,产品经理追着问进度,自己调试到心态炸裂!别以为这是个例,不少人在电商大促、数...
- 前端流行框架Vue3教程:26. 异步组件
-
根据上节课的代码,我们在切换到B组件的时候,发现并没有网络请求:异步组件:...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)