说明:目前用的比较多的目录列表程序有H5ai
、Directory Lister
,其中H5ai
是最强大的,各种格式图片,电影都支持查看,这里再推荐个小z
大佬写的一个目录列表程序Zdir
,使用PHP
开发,部署很简单。
截图


更新
目前小Z
更新了许多功能,比如能播放部分格式视频了,查看一些文本,删除文件等等
主要功能
- 目录浏览
MarkDown
文件预览CSS/JavaScript
一键复制- 查看文件
HASH
- 图片预览
- 文件索引
- 视频播放(支持
.mp4
格式和.m3u8
) - 文本查看器(支持的格式有
.txt
、.sh
、.py
、.go
、.c
、.cpp
) - 二维码生成
- 文件删除
- 已经支持中文(仅在
Linux
下测试)
功能详细说明
1、MarkDown文件预览
如果是MarkDown文件
(.md
)后面会出现一个小眼睛按钮,点击此按钮可直接预览。

如果文件是以readme.md
命名,会出现“使用说明”按钮,点击也可以预览,如下截图。

2、链接复制
复制按钮会根据文件类型判断,最后返回不同的复制结果,在用于搭建前端库的时候非常有帮助,比如:

<!--如果复制的是.js文件,返回结果为-->
<script src = 'https://libs.xiaoz.top/jquery/2.0.3/jquery-2.0.3.js'></script>
<!--如果复制的是.css文件,返回结果为-->
<link rel='stylesheet' href='https://libs.xiaoz.top/layer/skin/layer.css'>
<!--如果是图片等文件-->
<img src = 'https://libs.xiaoz.top/material/loading/loading0.gif' />
其它文件返回文件URL
地址。
3、查看文件hash
点文件后面的“叹号”按钮,可以计算文件md5
和sha1
值,验证文件hash
值,可避免运营商劫持等风险。

4、图片预览
鼠标移动到图片文件会显示图片预览,如下截图。

5、文件索引
如果文件太多,查找不太方便,Zdir
暂时未实现文件搜索功能,不过通过“文件索引”功能加上“Ctrl + F
”,找文件也是分分钟的事情。

“文件索引”缓存时间为24
小时,如果希望立即清除缓存请访问cache.php?del=cache
。
6、视频播放Zdir
已经支持视频播放,当文件后缀是.mp4
或.m3u8
格式时,会出现播放按钮。


7、文本查看
文本查看器也是最近新增功能,目前支持查看的文本格式有.txt
、.sh
、.py
、.go
、.c
、.cpp
(大家可反馈增加更多的格式),同时支持代码高亮。

使用方法
- 下载源码放到站点根目录,源码下载:Github。
- 将
config.simple.php
修改为config.php
- 在
config.php
设置站点信息/密码等信息