建站相关知识 Zdir 实用的目录列表程序 登录   注册   发帖  

Zdir 实用的目录列表程序

admin　 2月前
0

原打算自建一个前端库，网上找了一大圈目录列表程序，发现都不符合自己的胃口，于是自己动手，最后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/


游客　 现在