检测到您启用了Adblock等屏蔽广告扩展,导致正常的内容图片无法显示,为了不影响阅读体验,建议您将www.xiaoz.me加入白名单。

Zdir 实用的目录列表程序

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

主要功能

  1. 目录浏览
  2. MarkDown文件预览
  3. CSS/JavaScript一键复制
  4. 查看文件HASH
  5. 图片预览
  6. 文件索引
  7. 显示二维码
  8. 文件删除

功能详细说明

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 Lister

Zdir虽功能简单,但却适用,猛戳下面的链接下载。

源码:https://github.com/helloxz/zdir
演示:http://soft.xiaoz.org/
帮助文档:https://doc.xiaoz.me/docs/zdir/

7 Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注