海豚 发表于 2019-7-30 09:27:18

Zdir 实用的目录列表程序

原打算自建一个前端库,网上找了一大圈目录列表程序,发现都不符合自己的胃口,于是自己动手,最后Zdir 诞生了。Zdir使用PHP开发,下载源码开箱即用,就是干。
https://cdn.xiaoz.me/wp-content/uploads/2018/06/snipaste_20180620_221812.png

主要功能

目录浏览MarkDown文件预览CSS/JavaScript一键复制查看文件HASH图片预览文件索引显示二维码文件删除

功能详细说明



MarkDown文件预览

如果是MarkDown文件(.md)后面会出现一个小眼睛按钮,点击此按钮可直接预览。
https://cdn.xiaoz.me/wp-content/uploads/2018/06/snipaste_20180622_162243.png如果文件是以readme.md命名,会出现“使用说明”按钮,点击也可以预览,如下截图。
https://cdn.xiaoz.me/wp-content/uploads/2018/06/snipaste_20180622_162427.png

链接复制

复制按钮会根据文件类型判断,最后返回不同的复制结果,在用于搭建前端库的时候非常有帮助,比如:
https://cdn.xiaoz.me/wp-content/uploads/2018/06/snipaste_20180622_165616.png<!--如果复制的是.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地址。


查看文件hash

点文件后面的“叹号”按钮,可以计算文件md5和sha1值,验证文件hash值,可避免运营商劫持等风险。
https://cdn.xiaoz.me/wp-content/uploads/2018/06/snipaste_20180622_170431.png

图片预览

鼠标移动到图片文件会显示图片预览,如下截图。
https://cdn.xiaoz.me/wp-content/uploads/2018/06/snipaste_20180622_171002.png

文件索引

如果文件太多,查找不太方便,Zdir暂时未实现文件搜索功能,不过通过“文件索引”功能加上“Ctrl + F”,找文件也是分分钟的事情。
https://cdn.xiaoz.me/wp-content/uploads/2018/06/snipaste_20180622_171448.png“文件索引”缓存时间为24小时,如果希望立即清除缓存请访问cache.php?del=cache


使用方法

下载源码放到站点根目录修改config.php设置自己的网站标题/关键词/描述如果需要排除某个目录,继续修改config.php

注意事项

不要使用中文命名目录/文件,否则可能发生不可预料的错误,若还有其它问题,请留言反馈。


相关推荐

LNMP环境安装h5ai索引目录与基本配置又一款目录索引工具PHP Directory Lister使用Fdscript程序实现漂亮的索引目录Nginx编译安装Fancy Index模块,实现漂亮的索引目录

总结

从使用过的目录列表程序来看,h5ai 功能很强大,但是配置略微繁琐,代码有混淆,不适合二次修改。
PHP Directory Lister简洁适用,但是从墙外加载资源,不利于新手,另外Zdri的部分开发思路也借鉴了PHP Directory Lister
Zdir虽功能简单,但却适用,猛戳下面的链接下载。
源码:https://github.com/helloxz/zdir
演示:http://soft.xiaoz.org/
帮助文档:https://doc.xiaoz.me/docs/zdir/

xuxus 发表于 2025-5-17 13:36:47

看看

panpan8848 发表于 2026-3-8 20:01:24

功能不错
页: [1]
查看完整版本: Zdir 实用的目录列表程序