https://github.com/imzlh/alist-ui-vlist

vListUI for AList. / 一个aList UI(魔改自vList)，直接适配aList
https://github.com/imzlh/alist-ui-vlist

alist file-manager

Last synced: about 1 year ago
JSON representation

vListUI for AList. / 一个aList UI(魔改自vList)，直接适配aList

• Host: GitHub
• URL: https://github.com/imzlh/alist-ui-vlist
• Owner: imzlh
• Created: 2024-08-04T04:21:51.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-11-09T12:01:17.000Z (over 1 year ago)
• Last Synced: 2025-03-28T09:36:26.925Z (over 1 year ago)
• Topics: alist, file-manager
• Language: JavaScript
• Homepage: https://vlist.pages.dev/?api=https://al.nn.ci/api/&proxy=https://al.nn.ci/d/
• Size: 15.8 MB
• Stars: 4
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![vList5](public/images/favicon.svg)

# vlist5

性能与全能的平衡

全能还好看的文件管理方案


使用Vue构建，与NJS集成


支持超多打开方式，很多好用的小工具

![概览](image.png)

## 为什么是vList

vList最初就是为了Nginx设计的，经历了4代的积淀已经拥有成熟的方案了


为了并发考虑，我们将大部分功能放在了前端，且对于验证机制使用了SHA1-HMAC，安全可靠


在操作逻辑上，我们向Windows靠拢，右键菜单、Shift多选、拖拽、Explorer...简单易用


修改自我的另一个项目https://github.com/imzlh/vList5

## vList x aList

aList支持多种网盘且统一API，而vList支持多种玩法且功能丰富


a+vList > aList + vList!

## 目前已经完成

 - 强大的打开方式

    - 视频

    - 音频

    - 图片

    - 二进制

    - 代码/文本

    - 字体

    - HTML类

    - MarkDown编辑

    - PS文件(需要打开最大兼容)

    - EPub/ TXT书本支持

    - 便捷白板

    - 终端记录(asciinema)

    - ...(欢迎PR或issue)

 - 完善的UI

    - 手机端

    - PC

    - Windows式重命名、上传移动

    - 动画(正在计划中)

 - Vue响应式设计

    - 设置

    - `getConfig`、`setConfig`

 - 文件操作

    - 复制

    - 粘贴

    - 新建

    - 上传

    - 预览操作

    - 批量操作

    - explorer窗格

    - 在线编辑

    - ...(欢迎PR或issue)

 - 额外的支持

    - libmedia UI

    - PWA应用

    - TypeScript化

    - 内置缓存

    - 拖拽支持

## 特殊操作指南

vList支持一些键盘上的快捷方式，包括

 - 全局：`Ctrl+R` 激活命令面板，与VSCode的命令面板相似

 - 播放器：方向键调节音量和进度，空格和Enter暂停/播放

 - 列表：支持许多Explorer的快捷键，如

   - F2 F5

   - Ctrl+ C / V / X

   - 方向键，左右切换父子文件夹，上下键切换同级文件(夹)

   - Enter加载文件(夹)，但是不会进入文件夹

同时vList支持拖拽导入。拖拽文本是Markdown，有些读取的是URL


因此可以直接插入Muya，VSCode需要自己修改

## 简单正则

vList有一个强大的功能：正则匹配（文件夹下右键 -> 文件夹小工具），帮助你快速筛选文件(夹)执行功能


但是如何编写正则呢？对于小白，只需要知道

 - `$` 匹配`$`前面为结尾的文件，如`mkv$`匹配`a.mkv`而不是`a.mkv.ass`

 - `[]`框框里填写你想要的格式，如 `a-z` 26个字母 `0-9` 10个数字，在之后添加`+`表示重复多次

举例：匹配所有 数字+mkv格式的文件，如`hello.001.mkv`，正则为`[0-9]+.mkv$`，就选中了

## 使用指南

### 1. 分离部署（推荐）

将vList构建的文件放在一个网页服务器上，将aList分离运行


修改config.ts或者使用环境变量修改API地址，如

   VLIST_API=http://demo.org:5244/api/ VLIST_FILE_SERVER=http://demo.org:5244/d/ npm run build

### 2.打包入aList

https://alist.nn.ci/zh/guide/install/source.html


将这个库作为前端文件并构建