1. 南猫Home
  2. cj

Zdir：一个美观、实用的目录列表程序

南猫 • • cj • 113 views

说明：目前用的比较多的目录列表程序有H5ai、Directory Lister，其中H5ai是最强大的，各种格式图片，电影都支持查看，这里再推荐个小z大佬写的一个目录列表程序Zdir，使用PHP开发，部署很简单。

截图

请输入图片描述
请输入图片描述

更新

目前小Z更新了许多功能，比如能播放部分格式视频了，查看一些文本，删除文件等等，如果遇到问题或者想添加某些功能的可前往小Z博客进行留言。

主要功能

  • 目录浏览
  • MarkDown文件预览
  • CSS/JavaScript一键复制
  • 查看文件HASH
  • 图片预览
  • 文件索引
  • 视频播放（支持.mp4格式和.m3u8）
  • 文本查看器（支持的格式有.txt、.sh、.py、.go、.c、.cpp）
  • 二维码生成
  • 文件删除
  • 已经支持中文（仅在Linux下测试）

功能详细说明

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文件，返回结果为-->
<link rel='stylesheet' href='https://libs.xiaoz.top/layer/skin/layer.css'>
<!--如果是图片等文件-->
<img src = 'https://libs.xiaoz.top/material/loading/loading0.gif' />

其它文件返回文件URL地址。

3、查看文件hash
点文件后面的“叹号”按钮，可以计算文件md5和sha1值，验证文件hash值，可避免运营商劫持等风险。
请输入图片描述

4、图片预览
鼠标移动到图片文件会显示图片预览，如下截图。
请输入图片描述

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

6、视频播放
Zdir已经支持视频播放，当文件后缀是.mp4或.m3u8格式时，会出现播放按钮。
请输入图片描述
请输入图片描述

7、文本查看
文本查看器也是最近新增功能，目前支持查看的文本格式有.txt、.sh、.py、.go、.c、.cpp（大家可反馈增加更多的格式），同时支持代码高亮。
请输入图片描述

使用方法

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

总结

从博主使用过的目录列表程序来看，h5ai功能最强大，Directory Lister简洁适用，但是加载很慢，Zdri也很美观和适用，不过都没有上传功能，目前博主仅知道一种有上传功能的目录索引，查看：Evoluted Directory Listing。

相关教程

  • 一款不错的PHP目录列表程序：h5ai安装教程
  • H5ai一键安装脚本（基于Nginx+PHP 7），自动配置SSL证书
  • Directory Lister：又一款不错的PHP目录索引工具
  • Directory Lister美化版一键安装脚本，自动签发SSL证书



原创文章，作者：南猫，如若转载，请注明出处：https://southcat.net/2208/


不妨点个广告再走嘛
Like (0)
南猫南猫
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Previous 2020年3月30日 am6:45
Next 2020年3月30日 pm1:33

相关推荐

  • qBittorrent+Deluge+rTorrent+Transmission+H5ai多功能一键脚本

    说明：博主今天逛了下Github，发现了一个大佬写的一个脚本，很强大，这里分享一下，脚本可安装qBittorrent、Deluge、rTorrent、Transmission、H5ai、Flood、Remote Desktop、wine & mono、Flexget、rclone、BBR及一些功能，如ffmpeg、mediainfo、mkvtoolnix、eac3to、bluray脚本、mktorrent，基本上该有的都有了，可能有些有人都没听说过，博主在后面会说明下。 运行脚本 Github地址：https://github.com/Aniverse/inexistence 系统要求：Ubuntu 16.04、18.04；Debian 8、9 ；Ubuntu 14.04、Debian 7可以选择用脚本升级系统，且尽量使用纯净系统，即刚重装的系统。 运行命令： bash -c "$(wget --no-check-certificate -qO- https://github.com/Aniverse/inexistence/raw/master/inexistence.sh)" #或者 wget --no-check-certificate -qO inexistence.sh https://github.com/Aniverse/inexistence/raw/master/inexistence.sh bash inexistence.sh 然后会出现以下选项： ##关于选项及说明请先看文章后面，然后再进行选择 #是否升级系统，本选项只在Ubuntu 14.04、Debian 7中出现 You are now running Ubuntu 14.04.5, which is not supported by this script 01) Upgrade to Ubuntu 16.04 (Default) 02) Upgrade to Ubuntu 18.04 03) Do NOT upgrade system and exit script Would you like to upgrade your system? (Default 01): #添加账号和密码 The script needs a username This will be your primary user. It can be an existing...

    南猫 南猫
    cj 2019年11月23日
    0 106 0

  • 宝塔面板遇到No space left on device错误的解决方法

    说明：博主好几次用宝塔面板，都遇到了磁盘爆满的情况，然后登陆的时候提示IOError: [Errno 28] No space left on device等错误信息，导致登录面板不显示，进不去了，估计很多人会遇到，这里就简单说下解决方法。 方法 一般遇到这种情况都是回收站没清空，或者Mysql数据库及网站的日志文件过大导致的，所以我们只要删除就可以了。 1、宝塔回收站文件夹为/www/Recycle_bin，运行命令： rm -rf /www/Recycle_bin/* 2、如果不是因为回收站的话，那就使用FTP软件登录VPS自行删除大文件日志。 /www/server/data #数据库日志文件夹 /www/wwwlogs #网站日志文件夹

    南猫 南猫
    cj 2020年1月24日
    0 168 0

  • 一款支持Linux/Windows/Mac的百度网盘客户端：BaiduPCS-Web

    说明：之前介绍过一个仿Linux shell文件处理命令的百度网盘命令行客户端BaiduPCS-Go→点击查看，该工具很大程度上解决了我们在VPS上下载百度云文件速度过慢的问题，不过是用纯命令的形式操作，有些小白也不是很会，有大佬根据该客户端写了个带Web管理界面的BaiduPCS，适用于Linux、Windows、Mac等系统，使用起来很方便，这里分享下。 截图 使用 Github地址：https://github.com/liuzhuoling2011/baidupcs-web 该程序作者已经打包好了，下载地址：点击查看。 1、Windows系统Windows系统直接下载对应的版本的程序后解压出来，再双击就可以使用了。 2、Linux系统首先进入下载地址，找到对应架构的最新版本的程序，目前为3.5.8版本，然后进入SSH使用命令： #下载文件 wget http://qiniu.zoranjojo.top/BaiduPCS-Go-3.5.8-linux-amd64.zip #解压文件 unzip BaiduPCS-Go-3.5.8-linux-amd64.zip #进入文件夹 cd BaiduPCS-Go-3.5.8-linux-amd64 #授权文件 chmod a+x BaiduPCS-Go #运行，默认5299，可自行修改为其它端口 ./BaiduPCS-Go web --port 5299 然后使用浏览器访问http://ip:5299即可。 如果Web界面打不开，可能需要开启防火墙端口。 #CentOS 6 iptables -I INPUT -p tcp --dport 5299 -j ACCEPT service iptables save service iptables restart #CentOS 7 firewall-cmd --zone=public --add-port=5299/tcp --permanent firewall-cmd --reload 如果需要程序常驻后台的话，可以使用screen命令，使用查看→传送门。 3、Mac系统方法参考步骤2。

    南猫 南猫
    cj 2020年2月8日
    0 89 0

  • Linux VPS将本地脚本代码或文件推送到Github教程

    说明：我们有时候需要将一些脚本代码或者文件上传到Github托管，而Github客户端有点难用，在网页上上传又慢，所以我们需要另想办法，这里就说下在VPS上直接将文件推送到Github方法，而且速度很快。如果你可以建立私人项目，还可以用来备份网站等私密文件。 方法 1、配置Git SSH密钥 ssh-keygen -t rsa 连续按几次Enter，这时候会在/root/.ssh文件夹生成2个ssh密钥，然后我们查看并复制公钥id_rsa.pub。 cat /root/.ssh/id_rsa.pub 复制好了后，登录Github，进入https://github.com/settings/ssh/new，Title随便填，然后Key填入刚刚复制的密匙点击Add SSH Key添加即可。 2、推送文件首先我们需要进入https://github.com/new，新建一个项目用来存放文件，如果你想将网站等私密文件放在Github，新建项目的时候，选择Private建立私人项目，反之选择Public。 然后开始配置，如果我们需要推送的文件在网站/home文件夹，这时候运行命令： #进入文件夹 cd /home #建立本地仓库 git init #关联到Github仓库 git remote add origin git@github.com:MOERATS/TEST.git 关联仓库的时候，后面可以用HTTPS链接也可以用SSH，这里建议选择SSH。 接下来在/home文件夹里，继续操作。 #把目录下所有文件更改状况提交到暂存区 git add -A #提交更改的说明 git commit -m "push" #开始推送到Github git push -u origin master

    南猫 南猫
    cj 2019年12月18日
    0 67 0

  • Comment2Wechat：一个Typecho新评论微信提醒插件（修改自原版本）

    说明：对于经常使用微信的博主来说，微信提醒确实要比邮件方便的多，之前用wordpress博客的时候，也用过微信提醒，只不过不是用插件，是通过添加代码完成的，参考：给WordPress的新评论添加微信提醒，对于Typecho，有大神做了插件就方便多了。 功能 每当有人评论你的文章时，可以通过Server酱推送到你的微信上。 相比原插件新增了两个功能设置： 当评论者为自己时不提醒。 使用HTTPS与Server酱进行通信。 截图 下载 Github下载：Comment2Wechat V2.0本地下载：Comment2Wechat V2.0 部署 下载完后将Comment2Wechat文件夹解压至(Typecho根目录)/usr/plugins中即可。 注意事项 如果你是从Github下载的，请记得将插件文件夹重命名为Comment2Wechat。如果你已经有原版插件，可以直接覆盖，但是在这之后必须点开设置菜单并保存设置一次（即使你不需要更改默认设置）。 使用 首先去Server酱首页（https://sc.ftqq.com/），根据首页的说明一步步操作即可。然后将你获取的SCKEY粘贴到插件的设置中，保存设置。就这么简单。 作者 插件原作者：Comment2Wechat V1.0.0 by Y!an https://github.com/YianAndCode/Comment2Wechat插件修改者：Comment2Wechat V2.0.0 by Tsuk1ko https://lolico.moe 感谢

    南猫 南猫
    cj 2020年3月13日
    0 71 0

  • 使用Nginx反向代理，自建CDN加速节点

    说明：博客刚刚搬到了美西，感觉速度不如香港，于是准备拿香港的服务器自建CDN加速了，对于自建CND，之前讲过Fikker，查看：CentOS安装Fikker自建CDN系统，支持Https/反向代理/防CC攻击，使用非常方便，功能也很强大，不过免费版不支持页面缓存、也不支持HTTP/2，所以放弃了。就使用Nginx反向代理实现自建CDN加速了，这里分享下方法。 安装 1、安装Nginx #这里使用的是军哥的lnmp wget -c http://soft.vpser.net/lnmp/lnmp1.4.tar.gz && tar zxf lnmp1.4.tar.gz && cd lnmp1.4 && ./install.sh nginx 2、CDN配置假如我需要对www.southcat.net搭建CDN节点，数据放在192.168.1.100，需要先修改hosts指向，告知CDN节点去哪里去获取网站数据，也就是回源地址，做如下修改： vi /etc/hosts 192.168.1.100 www.southcat.net 然后创建nginx配置文件southcat.net.conf。 #创建缓存目录 mkdir -p /data/wwwroot/caches/www.southcat.net #设置缓存目录权限 chown -R www:www /data/wwwroot/caches/www.southcat.net #创建southcat.net.conf vi /usr/local/nginx/conf/vhost/southcat.net.conf 在southcat.net.conf中添加下面的内容，缓存目录/缓存时间请根据实际情况调整。 proxy_cache_path /data/wwwroot/caches/www.southcat.net levels=1:2 keys_zone=Rats:50m inactive=30m max_size=50m; server { listen 80; server_name www.southcat.net; charset utf-8,gbk; location / { proxy_set_header Accept-Encoding ""; proxy_pass https://www.southcat.net; proxy_redirect off; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_cache Rats; proxy_cache_valid 200 304 30m; proxy_cache_valid 301 24h; proxy_cache_valid 500 502 503 504 0s; proxy_cache_valid any 1s; proxy_cache_min_uses 1; expires 12h; } }...

    南猫 南猫
    cj 2020年3月28日
    0 109 0

  • 一款支持上传/删除等操作的PHP目录列表程序：Evoluted Directory Listing

    说明：今天博主去国外一些博客看了下，偶然间发现个好东西，是一个大家都很少知道的目录索引程序，Evoluted Directory Listing Script，与之前说的H5ai、Directory Lister不同的是，该程序支持各种操作，比如删除/上传/创建文件夹等等。可以当私人网盘使用，而且程序就一个index.php文件，很简洁。 截图 功能 全面的支持移动浏览器。 能够上传多个文件并限制允许的文件类型。 支持通过密码或IP地址白名单来限制对脚本的访问（理想的情况是只需要您自己和客户端的访问权限！）。 支持创建新的目录和子目录。 上传压缩文件并自动提取压缩文件，并提供压缩文件解压后的选项。 可选地隐藏某些文件类型，名称或扩展名以及目录。 按名称，大小或上次修改日期排序文件列表。 安装 系统要求：PHP 5.3或更高版本、安装fileinfo拓展。如果你想启用解压缩支持，你还需要安装ZipArchive php扩展。 想方便的，直接安装宝塔面板，教程：宝塔面板安装教程，然后进入后台再安装PHP和Nginx环境，再找到左侧软件管理-PHP管理-设置-安装Fileinfo拓展。 #如果Fileinfo拓展安装失败，就是内存太小，我们可以添加swap，不适用于ovz 1、手动添加，方法查看：https://www.southcat.net/archives/19/。 2、面板添加，找到左侧软件管理-系统工具-安装Linux工具箱，然后进入工具箱添加。 之后添加域名，上传文件即可。Evoluted下载：evoluted-directory-4.0.5.zip。 关于功能设置，直接在index.php文件里修改即可，这里列举几个功能。 #上传压缩文件并自动提取压缩文件 // 设置为true，解压缩，上传任何ZIP文件（注意：会覆盖同名的！文件） public $enableUnzipping = true; // 如果您已经启用解压，您可以选择上传后设置为TRUE，删除原来的压缩文件。 public $deleteZipAfterUploading = false; #网盘增加密码访问 // 设置为true，以便在使用脚本之前输入密码。 public $passwordProtect = true; // 需要使用这个脚本的密码（如果只使用$passwordprotect设置为true） public $password = '填写密码'; #允许访问的IP地址 // 可选。允许限制只能访问白名单的IP地址 public $enableIpWhitelist = true; //允许脚本IP列表（如果只使用$enableIpWhitelist是true） public $ipWhitelist = array( '填写ip' '填写ip' ); #隐藏文件以及扩展名文件 // 从目录列表中显示的块扩展文件扩展名 public $ignoredFileExtensions = array( '扩展名', '扩展名', ); // 从目录列表中显示的块文件名 public $ignoredFileNames = array( '需要隐藏的文件', '需要隐藏的文件', '需要隐藏的文件', ); // 以点开头的文件通常是隐藏文件。设置为false如果你想显示这些隐藏文件。 public $ignoreDotFiles =...

    南猫 南猫
    cj 2020年2月9日
    0 135 0

  • 给博客网站添加Hitokoto - 一言经典语句功能

    说明：相信很多人都听说过一言，也有很多博主想给自己的博客网站添加这个功能，可是都不知道咋弄，这里说个很简单的方法，手动添加一言功能，还可以diy句子的内容。 简介 一言网(Hitokoto.cn)创立于2016年，隶属于萌创Team，目前网站主要提供一句话服务。 动漫也好、小说也好、网络也好，不论在哪里，我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来，形成一言网络，以传递更多的感动。如果可以，我们希望我们没有停止服务的那一天。 简单来说，一言指的就是一句话，可以是动漫中的台词，也可以是网络上的各种小段子。或是感动，或是开心，有或是单纯的回忆。来到这里，留下你所喜欢的那一句句话，与大家分享，这就是一言存在的目的。 安装 1、部署接口在网站根目录新建hitokoto文件夹，然后在文件夹里新建index.php文件，并编辑，代码如下： <?php $path = dirname(__FILE__); $file = file($path."/hitokoto.txt"); $arr = mt_rand( 0, count( $file ) - 1 ); $content = trim($file[$arr]); if (isset($_GET['charset']) && !empty($_GET['charset'])) { $charset = $_GET['charset']; if (strcasecmp($charset,"gbk") == 0 ) { $content = mb_convert_encoding($content,'gbk', 'utf-8'); } } else { $charset = 'utf-8'; } header("Content-Type: text/html; charset=$charset"); if ($_GET['format'] === 'js') { echo "function hitokoto(){document.write('" . $content ."');}"; } else { echo $content; } 之后在文件夹内再新建并编辑hitokoto.txt文件，添加你喜欢的句子，也就是一言语句，记得一行一句话。 这时候用浏览器访问http://yourdomain.com/hitokoto/就可以看到输出内容了，接下来我们开始部署到博客上。 2、部署到博客其实部署很简单，将下面两行代码添加到博客主题文件你想显示一言的位置即可： <script type="text/javascript" src="https://yourdomain.com/hitokoto/?format=js&charset=utf-8"></script> <div id="hitokoto"><script>hitokoto()</script></div> 部署完成之后，前台刷新应该就可以看到效果了，每次刷新都会随机展示一言经典句子。 一言语句 有你在的日子才是我的日常。 夹在我女友与前女友与青梅竹马间的果然是修罗场！ 既然如此，就再努力一次吧。别在这里愁眉不展，也不要再自欺欺人，重新来过！ 比自己,比梦想更重要的东西永远都存在着... 嘛，那又怎么样呢？ 自身不先改变的话，一切都不会改变。 比起有一百个朋友，不如有个比一百人还要重要的真心朋友。...

    南猫 南猫
    cj 2020年1月30日
    0 102 0

  • VPS上传文件到OneDrive网盘脚本，可配合Aria2实现自动上传

    说明：我们从VPS上传文件到OneDrive网盘的方法很多，包括Rclone挂载，OneIndex程序的上传功能，不过2个在上传的时候都还是有点BUG，前者会出现丢文件的情况，后者也会出现上传失败，都不是很理想，这里博主再介绍个OneDrive上传脚本，几乎不会出现上传问题，很好用，由萌咖大佬制作，并将其适用于Aria2的自动上传，这里说下具体操作。 提示 【2019.11.28】 该版本不再维护和更新，请移植Go版的上传工具，更高效和快速，地址：https://www.southcat.net/archives/1006/ 更新 【2018.12.16】 应一些同学需求，新增上传到指定文件夹的方法。 【2018.11.19】 OneDrive上传脚本BUG已被萌咖大佬修复，修复了空格处理不当，导致部分带空格的文件夹上传失败，从而影响Aria2上传脚本。 【2018.10.30】 修复Aria2上传脚本BUG，包括修复了不能上传文件夹功能，修复了不能正确上传文件名中包含空格的项目。 【2018.10.29】 优化OneDrive网盘脚本。优化认证步骤。 独家分享萌咖大佬的Aria2自动上传脚本，判断更加细节，支持单文件、文件夹里的单文件、文件夹里的多文件及文件夹上传。超过15G文件停止上传(onedrive限制)。 说明 【2018.11.19】 #目前脚本修复的差不多了，博主测试各种带空格的文件夹自动上传都没问题。 #如果依然出现有些文件上传不了？ 出现这种情况的话，大概是文件虽然下载完成了，但一直卡在做种阶段，导致参数传不到自动上传脚本，从而文件夹也上传不了。 解决方法：在配置文件里加入seed-time=0参数(意思是停止做种)，再重启Aria2即可。 方法 Github地址：https://github.com/0oVicero0/OneDrive 脚本特性：脚本支持文件夹上传，支持获取文件的匿名直链，且只适用于OneDrive非个人版。 1、安装脚本安装curl，用于访问API： #Ubuntu和Debian系统 apt-get install -y curl #Centos系统 yum install curl -y 运行命令安装脚本： #为了方便小白，本脚本内置萌咖大佬永久有效的应用参数，可以直接使用，如果你不放心可以自己获取参数，不过可能会遇到很多坑，建议直接使用脚本默认的参数 wget --no-check-certificate -qO- "https://raw.githubusercontent.com/0oVicero0/OneDrive/master/OneDrive.sh" |bash 本脚本需要三个参数Client ID、Secret、Reply URL，均需要在/usr/local/etc/OneDrive/onedrive.cfg文件里修改，参数获取看下面，当然你也可以不用管，直接进行步骤3。 2、获取参数先访问Microsoft Azure Management Portal，然后点击左侧菜单栏中的Azure Active Directorg，选择应用注册，再点击页面上方的新应用程序注册。输入名称如：OneDrive for Linux，应用程序类型选择Web应用/API，填入登陆URL：https://login.microsoftonline.com/，再点击创建。然后点击刚刚创建的应用程序，复制应用程序ID，即脚本需要的Client ID参数，再点击左上角的设置。然后进行如下修改： #点击右边的回复URL，将其修改为：https://onedrive.live.com/about/business/，即脚本所需要的Reply URL参数。 #点击所需权限，点击Windows Azure Active Directory确认是否已选中Sign in and user profile，如果没有则选中并点击完成。 #点击上方的添加，点击选择API，选中Office 365 SharePoint Online，并点击选择。在选择权限中选中Read user files 和Read and write user files，并点击选择。点击完成按钮，并关掉此小窗口。 #点击密钥，填入密钥描述，如：OneDrive，选择年限1年，点击保存，再复制密匙，即脚本所需要的Secret参数。 不过这里说下密匙(Secret参数)填写的一个坑，由唯一度博主填平。就是当我们获取到带+号的密匙时候，我们需要使用编码符号，把+改成％2B，然后再填入脚本里，不然最后会出现Something went wrong, here is the API response的错误，导致验证失败。 3、运行账号认证程序运行命令onedrive -a，将返回的网址复制到浏览器打开，再登陆你的OneDrive for Business账号，登陆成功后复制地址栏中的地址(复制包括localhost的所有链接地址)，粘贴到SSH客户端里，敲回车键即可。如果返回以下字段：It seems like we...

    南猫 南猫
    cj 2019年11月5日
    0 138 0

  • Directory Lister美化版一键安装脚本，自动签发SSL证书

    说明：前些日子分享过小夜MM的Directory Lister美化版，挺好看的，就整了个脚本，自动签发SSL证书，伪静态设置，给有需要的人吧。 截图 安装 脚本适用于Debian 8、9，安装前请提前解析好域名。 运行命令： wget https://www.southcat.net/usr/shell/DirectoryLister_ssl.sh && bash DirectoryLister_ssl.sh 按要求输入域名直到安装完成。网站目录：/home/wwwroot。 整理所有的css/js文件到本地，去掉google字体。 添加了flat-ui效果，个人比较喜欢大字体以及绿色的文字。 核心代码修改了一下，目录进行了伪静态化，原：/?dir=codes改后：/codes/。

    南猫 南猫
    cj 2019年11月10日
    0 68 0