Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/imzlh/vlist5

A FileManager/FilePreviewer for Nginx/njs. support MomentPHP / 一个为njs设计的强大的文件管理器，支持预览
https://github.com/imzlh/vlist5

cd file-manager file-preview file-sharing music-player nginx-server njs typescript video-player vue3

Last synced: about 2 months ago
JSON representation

A FileManager/FilePreviewer for Nginx/njs. support MomentPHP / 一个为njs设计的强大的文件管理器，支持预览

Awesome Lists containing this project

README 

        
![vList5](public/favicon.svg)



# vlist5

性能与全能的平衡



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


使用Vue构建，与NJS集成


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



![概览](image.png)



## 为什么是vList

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


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


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



## 项目起源

本来Github上有很多类似的项目了，有的甚至做的比我好，如KodBox


但是本人最近开始返璞归真，想要**在最简单的环境下(光猫)部署网盘服务**


这个环节无法部署Sql服务，装不下Web套装(Nginx+PHP)，这时我就在想创建一个vList项目


**vList基于Nginx的功能，100%原生支持**，但是随着功能越来越多fancyIndex已经满足不了需求


于是vList升级到了v5



## 目前已经完成



 - 强大的打开方式

    - 视频

    - 音频

    - 图片

    - 二进制

    - 代码/文本

    - 字体

    - HTML类

    - MarkDown编辑

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

    - EPub/ TXT书本支持

    - 便捷白板

    - 终端记录(asciinema)

    - Office文档 xslx(R/W) / docx(R)

    - ...(欢迎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$`，就选中了



## 安装指南



需要NodeJS和NJS后端


或者可以在release找到预编译的版本



```sh

npm install

npm run build

```



将 `dist/` 的内容上传到你的Web服务器(nginx)，访问即可