一个魔改的Directory Lister~

魔改特点:
我之所以使用Directory Lister,就是因为这个程序非常的简洁,符合我心中对 目录列表程序的定义,在使用期间,根据我个人喜好和审美做了一些改变。
界面截图
界面式样魔改
支持中文目录和文件名
支持显示各文件夹内的简介说明
默认调用的各种CDN文件本地化
等等 ...
更新记录
2018/09/27,修复 当网页内容高度接近于窗口高度时,底部 footer 与网页内容重叠的问题。
2018/08/20,更新 不需要再手动配置域名后缀了,新版本会自动检测。
2018/08/20,更新 网站式样 - 素色简洁风(参见下图)。
2018/07/18,修复 当程序位置网站子目录下时,CSS JS 路径错误的问题。
2018/03/26,修复 当前文件夹下无 README.html 文件时,PHP会提示警告的问题。
新旧式样手机效果对比

演示示例:
分享: https://wget.copll.top/

下载安装:
下载后,解压并上传到已经搭建好 PHP环境 的服务器中,然后就可以上传文件和创建文件夹了!

Github打包:https://github.com/ToyoDAdoubiBackup/DirectoryLister/archive/master.zip

打包:https://wget.copll.top/%E8%B5%84%E6%96%99%E5%BA%93/%E6%9C%8D%E5%8A%A1%E5%99%A8/DirectoryLister-master.zip
文件结构
假设你的虚拟主机是 /home/wwwroot/xxx.xx

/home/wwwroot/xxx.xx/
├─ resources/
│ ├ themes/
│ │ └ bootstrap/
│ │ ├ css/
│ │ ├ fonts/
│ │ ├ img/
│ │ ├ js/
│ │ ├ default_footer.php # 底部公共文件 #
│ │ ├ default_header.php # 顶部公共文件(可以放网站流量统计代码) #
│ │ └ index.php # 网页主文件,其中可以修改顶部公告栏内容 #
│ │
│ ├ DirectoryLister.php
│ ├ config.php
│ └ fileTypes.php

├ README.html # 该文件夹页面内的 说明简介文件 #
├ index.php

├─ 其他文件夹/
│ ├ 其他文件.txt
│ └ README.html # 该文件夹页面内的 说明简介文件 #

└ 其他文件.txt
注意事项:
不显示文件和目录
如果安装 lnmp一键包上传Directory Lister后,Directory Lister不显示文件和目录,那么可能是 PHP函数scandir被禁用了,取消禁用即可。

sed -i 's/,scandir//g' /usr/local/php/etc/php.ini

取消scandir函数禁用

/etc/init.d/php-fpm restart

重启 PHP生效

程序放在网站子目录不显示 README.html 的解决方法
因为程序有个判断 README.html 路径的代码,而如果是正常使用域名或IP(即使加上),都是可以自适应的。

但是如果把程序放在子目录下,就会无法获取正确 README.html 路径,需要你手动修改下程序里的一句代码。

假设你将程序放在了子目录 zimulu 中(也就是 http://xxx.xx/zimulu 才能访问到程序网页)。

首先打开该文件: /resources/themes/bootstrap/index.php

找到第5行的: $suffix_array = explode('.', $_SERVER['HTTP_HOST']);

将其修改为: $suffix_array = explode('.', $_SERVER['HTTP_HOST']."/zimulu");

简介功能说明
我也不知道该给这个功能起什么名字,好捉急偶。

可以在每个文件夹下面放一个 README.html 文件,这个文件里写着 简介说明内容即可,格式参考自带的示例文件。

为了避免中文乱码,把 README.html 文件用 UTF-8无BOM编码 保存!

文件修改说明
修改网站中头部导航标题,去这个文件里搜索 DOUBI Soft 然后全部替换为自己要改的。
/resources/DirectoryLister.php

修改网站标签栏的标题,去这个文件里把开头 标签中的DOUBI Soft替换为自己要改的。<br>/resources/themes/bootstrap/index.php</p><p>修改网站顶部公告栏内容,去这个文件里搜索 顶部公告栏。<br>/resources/themes/bootstrap/index.php</p><p>网站头部公共文件:<br>/resources/themes/bootstrap/default_header.php</p><p>网站底部公共文件:<br>/resources/themes/bootstrap/default_footer.php</p><p>如果想要插入流量统计代码,那只需要把代码写到 default_header.php 文件内即可。</p><p>本程序基于 Directory Lister原版魔改:<a href="http://www.directorylister.com/" target="_blank">http://www.directorylister.com/</a></p></div> <p class="tags">标签: none</p> <p class="license">本作品采用 <a rel="license nofollow" href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">知识共享署名-相同方式共享 4.0 国际许可协议</a> 进行许可。</p> </article> <div id="comments"> <div id="respond-post-139" class="respond"> <div class="cancel-comment-reply"> <a id="cancel-comment-reply-link" href="https://blog.alexbll.com/index.php/2019/12/27/139.html#respond-post-139" rel="nofollow" style="display:none" onclick="return TypechoComment.cancelReply();">取消回复</a></div> <h3 id="response">添加新评论</h3> <form method="post" action="https://blog.alexbll.com/index.php/2019/12/27/139.html/comment" id="comment-form" class="comment-form clearfix"> <p class="textarea"> <textarea name="text" id="textarea" placeholder="加入讨论..." required ></textarea> </p> <p class="textbutton"> <input type="text" name="author" id="author" class="text" placeholder="称呼 *" value="" required /> <input type="email" name="mail" id="mail" class="text" placeholder="邮箱 *" value="" required /> <input type="url" name="url" id="url" class="text" placeholder="http://" value="" /> <button type="submit" class="submit">提交评论</button> </p> </form> </div> <script>(function(){window.TypechoComment={dom:function(id){return document.getElementById(id)},create:function(tag,attr){var el=document.createElement(tag);for(var key in attr){el.setAttribute(key,attr[key])}return el},reply:function(cid,coid){var comment=this.dom(cid),parent=comment.parentNode,response=this.dom('respond-post-139'),input=this.dom('comment-parent'),form='form'==response.tagName?response:response.getElementsByTagName('form')[0],textarea=response.getElementsByTagName('textarea')[0];if(null==input){input=this.create('input',{'type':'hidden','name':'parent','id':'comment-parent'});form.appendChild(input)}input.setAttribute('value',coid);if(null==this.dom('comment-form-place-holder')){var holder=this.create('div',{'id':'comment-form-place-holder'});response.parentNode.insertBefore(holder,response)}comment.appendChild(response);this.dom('cancel-comment-reply-link').style.display='';if(null!=textarea&&'text'==textarea.name){textarea.focus()}return false},cancelReply:function(){var response=this.dom('respond-post-139'),holder=this.dom('comment-form-place-holder'),input=this.dom('comment-parent');if(null!=input){input.parentNode.removeChild(input)}if(null==holder){return true}this.dom('cancel-comment-reply-link').style.display='none';holder.parentNode.insertBefore(response,holder);return false}}})();</script> </div> <ul class="post-near"> <li>上一篇: <a href="https://blog.alexbll.com/index.php/2019/12/05/83.html" title="Seafile 官方安装脚本">Seafile 官方安装脚本</a></li> <li>下一篇: 没有了</li> </ul> </div> <div id="secondary"> <section class="widget"> <h3 class="widget-title">最新文章</h3> <ul class="widget-list"> <li><a href="https://blog.alexbll.com/index.php/2019/12/27/139.html">一个魔改的文件分享服务</a></li> <li><a href="https://blog.alexbll.com/index.php/2019/12/05/83.html">Seafile 官方安装脚本</a></li> <li><a href="https://blog.alexbll.com/index.php/2019/12/05/81.html">卸载阿里云监控软件的方法</a></li> <li><a href="https://blog.alexbll.com/index.php/2019/11/13/23.html">宝塔面板安装ImgURL图床</a></li> <li><a href="https://blog.alexbll.com/index.php/2019/06/11/9.html">关于机油的一些看法</a></li> <li><a href="https://blog.alexbll.com/index.php/2019/01/22/6.html">中庸</a></li> <li><a href="https://blog.alexbll.com/index.php/2019/01/09/5.html">致落网</a></li> <li><a href="https://blog.alexbll.com/index.php/2018/12/27/4.html">怎样用宝塔安装seafile网盘</a></li> <li><a href="https://blog.alexbll.com/index.php/2018/12/06/3.html">开篇</a></li> </ul> </section> <section class="widget"> <h3 class="widget-title">最近回复</h3> <ul class="widget-list"> <li><a href="https://blog.alexbll.com/index.php/2018/12/27/4.html#comment-2" title="来自: 怎样用宝塔安装seafile网盘">Dulliesbef</a>: who is singer ciara dating...</li> </ul> </section> <section class="widget"> <h3 class="widget-title">分类</h3> <ul class="widget-tile"> <li><a href="https://blog.alexbll.com/index.php/category/default/">默认分类</a></li><li><a href="https://blog.alexbll.com/index.php/category/%E6%96%87%E6%A1%A3/">文档</a></li><li><a href="https://blog.alexbll.com/index.php/category/image/">相册</a></li></ul> </section> <section class="widget"> <h3 class="widget-title">标签</h3> <ul class="widget-tile"> <li>暂无标签</li> </ul> </section> <section class="widget"> <h3 class="widget-title">归档</h3> <ul class="widget-list"> <li><a href="https://blog.alexbll.com/index.php/2019/12/">2019 年 12 月</a></li><li><a href="https://blog.alexbll.com/index.php/2019/11/">2019 年 11 月</a></li><li><a href="https://blog.alexbll.com/index.php/2019/06/">2019 年 6 月</a></li><li><a href="https://blog.alexbll.com/index.php/2019/01/">2019 年 1 月</a></li><li><a href="https://blog.alexbll.com/index.php/2018/12/">2018 年 12 月</a></li></ul> </section> <section class="widget"> <h3 class="widget-title">其它</h3> <ul class="widget-list"> <li><a href="https://blog.alexbll.com/index.php/feed/" target="_blank">文章 RSS</a></li> <li><a href="https://blog.alexbll.com/index.php/feed/comments/" target="_blank">评论 RSS</a></li> </ul> </section> </div> </div> </div> <footer id="footer"> <div class="container"> <p>© 2020 <a href="https://blog.alexbll.com/">Alex's 博客</a>. Powered by <a href="http://www.typecho.org" target="_blank">Typecho</a> & <a href="https://blog.alexbll.com/admin/login.php" target="_blank">login</a>.</p> </div> </footer> <script> SearchConfig = { url : "https://blog.alexbll.com/usr/plugins/Handsome/cache/search.json" } </script> <script>var cornertool=true;function cl(){var a=document.getElementById("catalog-col"),b=document.getElementById("catalog"),c=document.getElementById("cornertool"),d;if(a&&!b){if(c){c=c.getElementsByTagName("ul")[0];d=document.createElement("li");d.setAttribute("id","catalog");d.setAttribute("onclick","Catalogswith()");d.appendChild(document.createElement("span"));c.appendChild(d)}else{cornertool=false;c=document.createElement("div");c.setAttribute("id","cornertool");c.innerHTML='<ul><li id="catalog" onclick="Catalogswith()"><span></span></li></ul>';document.body.appendChild(c)}document.getElementById("catalog").className=a.className}if(!a&&b){cornertool?c.getElementsByTagName("ul")[0].removeChild(b):document.body.removeChild(c)}if(a&&b){b.className=a.className}}cl();console.log("\n%c Initial By JIElive %c http://www.offodd.com ","color:#fff;background:#000;padding:5px 0","color:#fff;background:#666;padding:5px 0")</script> </body> </html>