梓悦生活

  • 🍟首页
  • 🍪免费资源
  • 🍓Wordpress
  • 🍋琐碎生活
  • 🍘关于
关注周围的人或事,体验人生历程
  1. 首页
  2. 免费资源
  3. 正文

Apaxy开源程序美化网站目录浏览

2017/03/16 7752点热度 0人点赞 4条评论

Apaxy 是专为提升浏览网页目录体验而诞生,并且支持主题和定制。它使用 Apache 的 mod_autoindex 模块和新的 CSS 样式表覆盖服务器目录列表的默认样式。

 直接下载。

特点:

Apaxy 目前可能还是比较基础的,但对于一个目录来说它却给你了很大的创作空间。

  • 可以使用 CSS 美化目录浏览。

  • 可以使用 JavaScript 或者 jQuery 方式弹窗。

  • 可以添加欢迎消息,下载指示和版权信息。

  • 添加自定义文件类型图标(需要修改 .htaccess 文件)。

视觉效果是完全可以实现,但却不可能改变 Apaxy 上级目录中生成的表结构。

如何安装:

使用 Apaxy 需要是启用 HTTP 的 Apache(2.2.11+)服务器。
让我们假设你有一个名为 share 文件夹在服务器的根目录下(路径则为http://mywebsite.com/share ),下面是帮你列出目录的方法:

  • 下载并解压缩 Apaxy。(或者直接上传压缩包后解压)

  • 复制和粘贴/apaxy的压缩包内容到你的网站目录文件夹中。

  • 编辑 htaccess.txt(在/share文件夹里),更新所有路径为 {FOLDERNAME} 指向你的网站根目录。

AddIcon /{FOLDERNAME}/theme/icons/gif.png .gif

应改为…

AddIcon /share/theme/icons/gif.png .gif
  • 完成后,将/share和/share/theme 文件夹中的 htaccess.txt 分别重命名为 .htaccess

注意事项/个人经验:

1、伪静态路径修改,/theme/footer.html

找到如下内容:

<script type="text/javascript">
// grab the 2nd child and add the parent class. tr:nth-child(2)
document.getElementsByTagName('tr')[1].className = 'parent';
// fix links when not adding a / at the end of the URI
var uri = window.location.pathname.substr(1);
if (uri.substring(uri.length-1) != '/'){
	var indexes = document.getElementsByClassName('indexcolname'),
	i = indexes.length;
	while (i--){
	    var a = indexes[i].getElementsByTagName('a')[0];
	    a.href = '/' + uri + '/' + a.getAttribute('href',2);
	}
}
</script>

修改为如下:

<script type="text/javascript">
// grab the 2nd child and add the parent class. tr:nth-child(2)
document.getElementsByTagName('tr')[1].className = 'parent';
</script>

修改后,首页文件夹或文件路径才正确

2、编辑 htaccess.txt,更新所有路径 指向你的网站根目录

其实这个意思是说将/theme文件夹下的文件需要指向网站目录,否则默认可能路径错误。

本站是在域名网站根目录,所以不存在二级目录路径问题。若页面二级目录显示有问题,可能需要修改style.css对应的目录路径。

如:之前是

IndexStyleSheet theme/style.css

修改为:

IndexStyleSheet /theme/style.css

这就是 Apaxy ,自此你的/share文件夹和里面的子目录,都将一一显示出来,方便目录浏览。

标签: Linux技巧
最后更新:2017/03/16

Meteor

关注周围的人或事,体验人生历程!

点赞
< 上一篇
下一篇 >

文章评论

  • r9

    使用的时候图标都显示出来了,可是不能像图中那样显示列表,css文件不起作用,求教!

    2017/03/27
    回复
    • Meteor

      @r9 那是因为CSS没有正常加载,看来你的htaccess.txt没修改好,按照我上面说的,查看一下路径是否正确,若不正确请修改。之后将/share和/share/theme 文件夹中的 htaccess.txt 分别重命名为 .htaccess,这样才可以。

      2017/03/28
      回复
      • r9

        @Meteor 今天早上一打开,好了!
        感谢回复。

        2017/03/28
        回复
  • HostDare优惠码

    好教程 支持

    2017/03/28
    回复
  • razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
    取消回复

    最新 热点 随机
    最新 热点 随机
    [教程]AWS免费EC2注册/使用/添加IPV6/SSH连接/删除实例 使用VestaCP搭建邮局(含DKIM,DMARC教程) [教程]利用宝塔面板邮局管理器搭建Roundcube Webmail自建邮局 [测评]喵云互联绍兴电信NAT套餐1测评 iperf3 网络性能测试 [收藏]13 个免费 PPT 模板网站汇总
    [测评]喵云互联绍兴电信NAT套餐1测评[教程]利用宝塔面板邮局管理器搭建Roundcube Webmail自建邮局iperf3 网络性能测试使用VestaCP搭建邮局(含DKIM,DMARC教程)[教程]AWS免费EC2注册/使用/添加IPV6/SSH连接/删除实例
    GalaxyHostFree:免费VPS/256MB/10G/OpenVZ FreeHost29.com提供免费500MB 50GB流量空间 [云监控探针]支持节点管理和监控的ServerStatus V2安装管理一键脚本 宝塔面板如何取消绑定或强制登录宝塔账号 Youhosting免费空间无限空间和流量:申请域名绑定文件管理和建站
    最近评论
    b2b系统 发布于 1 年前(12月29日) 感谢分享
    Meteor 发布于 2 年前(10月20日) 哈哈,友链一直都在,后来换了主题后忘记修改显示数量了,现在恢复好了。
    弋牧 发布于 2 年前(10月12日) 这里已经看不到我的友连了吗?
    彩鸽 发布于 2 年前(10月04日) 写的不错
    B2B海外商城系统 发布于 2 年前(09月21日) 感谢分享
    标签聚合
    VPS 活动 Linux技巧 技巧 宝塔 wordpress 虚拟主机 域名解析
    友情链接
    • Anders Norén
    • Appurse
    • CSS参考手册
    • DeeTeam-迪提姆
    • Fatesinger
    • FreeSSL
    • gandi
    • Internetbs
    • LogoMaker
    • Meteor's Blog
    • PM唐杰
    • SSL For Free
    • WPEX-Themes
    • 优品PPT
    • 免费顶级域名
    • 博客大全
    • 印记
    • 弋牧
    • 挖站否
    • 闫宝龙博客

    COPYRIGHT © 2023 梓悦生活. ALL RIGHTS RESERVED.

    Theme Kratos Made By Seaton Jiang