说明:目前用的比较多的目录列表程序有H5ai、Directory Lister,其中H5ai是最强大的,各种格式图片,电影都支持查看,这里再推荐个小z<大佬写的一个目录列表程序Zdir,使用PHP开发,部署很简单。 <div data-unique="截图"></div> <h2>截图</h2>
<div data-unique="主要功能"></div>
<h2>主要功能</h2>
- 目录浏览
- MarkDown文件预览
- CSS/JavaScript一键复制
- 查看文件HASH
- 图片预览
- 文件索引
<div data-unique="功能详细说明"></div> <h2>功能详细说明</h2> 1、MarkDown文件预览 如果MarkDown文件(.md)后面会出现一个小眼睛按钮,点击此按钮可直接预览。
如果文件是以readme.md命名,会出现“使用说明”按钮,点击也可以预览,如下截图。
2、链接复制 复制按钮会根据文件类型判断,最后返回不同的复制结果,在用于搭建前端库的时候非常有帮助,比如:
<!--如果复制的是.js文件,返回结果为-->
<script src = 'https://libs.xiaoz.top/jquery/2.0.3/jquery-2.0.3.js'></script>
<!--如果复制的是.css文件,返回结果为-->
<!--如果是图片等文件-->
其它文件返回文件URL地址。
3、查看文件hash 点文件后面的“叹号”按钮,可以计算文件md5和sha1值,验证文件hash值,可避免运营商劫持等风险。
4、图片预览 鼠标移动到图片文件会显示图片预览,如下截图。
5、文件索引
如果文件太多,查找不太方便,Zdir暂时未实现文件搜索功能,不过通过“文件索引”功能加上“Ctrl F”,找文件也是分分钟的事情。
“文件索引”缓存时间为24小时,如果希望立即清除缓存请访问cache.php?del=cache
<div data-unique="使用方法"></div>
<h2>使用方法</h2>
- 下载源码放到站点根目录,源码下载:Github。
- 修改config.php设置自己的网站标题/关键词/描述。
- 如果需要排除某个目录,继续修改config.php。
<div data-unique="注意事项"></div> <h2>注意事项</h2> 不要使用中文命名目录/文件,否则可能发生不可预料的错误,若还有其它问题,请前往小Z博客留言反馈。 <div data-unique="总结"></div> <h2>总结</h2> 从博主使用过的目录列表程序来看,h5ai功能最强大,Directory Lister简洁适用,但是加载很慢,Zdri也很美观和适用,不过都没有上传功能,