Zdir 实用的目录列表程序

海豚

原打算自建一个前端库，网上找了一大圈目录列表程序，发现都不符合自己的胃口，于是自己动手，最后Zdir 诞生了。Zdir使用PHP开发，下载源码开箱即用，就是干。


主要功能

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

功能详细说明



MarkDown文件预览

如果是MarkDown文件（.md）后面会出现一个小眼睛按钮，点击此按钮可直接预览。
如果文件是以readme.md命名，会出现“使用说明”按钮，点击也可以预览，如下截图。


链接复制

复制按钮会根据文件类型判断，最后返回不同的复制结果，在用于搭建前端库的时候非常有帮助，比如：
<!--如果复制的是.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值，可避免运营商劫持等风险。


图片预览

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


文件索引

如果文件太多，查找不太方便，Zdir暂时未实现文件搜索功能，不过通过“文件索引”功能加上“Ctrl + F”，找文件也是分分钟的事情。
“文件索引”缓存时间为24小时，如果希望立即清除缓存请访问cache.php?del=cache


使用方法

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

注意事项

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


相关推荐

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

总结

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

xuxus

看看