|
原打算自建一个前端库,网上找了一大圈目录列表程序,发现都不符合自己的胃口,于是自己动手,最后Zdir 诞生了。Zdir使用PHP开发,下载源码开箱即用,就是干。主要功能- 目录浏览
- MarkDown文件预览
- CSS/JavaScript一键复制
- 查看文件HASH
- 图片预览
- 文件索引
- 显示二维码
- 文件删除
功能详细说明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使用方法- 下载源码放到站点根目录
- 修改config.php设置自己的网站标题/关键词/描述
- 如果需要排除某个目录,继续修改config.php
注意事项不要使用中文命名目录/文件,否则可能发生不可预料的错误,若还有其它问题,请留言反馈。相关推荐总结从使用过的目录列表程序来看,h5ai 功能很强大,但是配置略微繁琐,代码有混淆,不适合二次修改。PHP Directory Lister简洁适用,但是从墙外加载资源,不利于新手,另外Zdri的部分开发思路也借鉴了PHP Directory ListerZdir虽功能简单,但却适用,猛戳下面的链接下载。源码:https://github.com/helloxz/zdir 演示:http://soft.xiaoz.org/ 帮助文档:https://doc.xiaoz.me/docs/zdir/
|