首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
V2EX  ›  分享创造

autoindex for Nginx, 美化默认目录文件索引页

  •  
  •   ajan · 2017-07-07 13:08:30 +08:00 · 4810 次点击
    这是一个创建于 439 天前的主题,其中的信息可能已经有所发展或是发生改变。

    求 start ~

    autoindex

    autoindex for Nginx, 美化 Nginx 默认的目录文件 索引页, 支持简单响应式, 支持切换是否新窗口打开(点击底部 autoindex)


    配置方法:

    1. 复制 .autoindex 目录至 D:\websites\fulicat
      ps: D:\websites\fulicat\.autoindex

    2. 修改 nginx.conf 文件

    # fulicat.bz
    server {
        listen          80;
        server_name     fulicat.bz;
        root            D:\websites\fulicat;
    
        location / {
            index index.html index.htm index.php;
        }
    
        # autoindex for nginx
        location ~ ^(.*)/$ {
            autoindex       on;
            autoindex_localtime on;
            autoindex_exact_size off;
    
            #add_before_body /.autoindex/header.html;
            add_after_body /.autoindex/footer.html;
        }
    
        location ~ \.php$ {
            fastcgi_pass        127.0.0.1:9000;
            fastcgi_index       index.php;
            fastcgi_param       SCRIPT_FILENAME  $document_root$fastcgi_script_name;
            include             fastcgi_params;
        }
    }
    

    Screenshots:

    before:

    before

    after:

    after

    第 1 条附言  ·  2017-07-07 13:47:55 +08:00
    github 地址:

    https://github.com/fulicat/autoindex

    ps: 补链~
    13 回复  |  直到 2017-07-14 11:16:27 +08:00
        1
    beginor   2017-07-07 13:24:26 +08:00   ♥ 1
    👍
        2
    shiji   2017-07-07 13:29:24 +08:00 via Android   ♥ 1
    我一直用一个叫 apaxy 的主题
        3
    ajan   2017-07-07 13:38:22 +08:00
    @shiji #2 我没用过这个,我的这个只是利用 nginx 的 add_after_body 向索引页追加一段代码,对页面进行简单的处理,没文件图标,没有排序。有兴趣的可以自行修改升级。

    默认的都的文件列表太拥挤了,看着眼睛好累,也不支持在新窗口打开。也不支持移动端~
        4
    wonpn   2017-07-07 13:39:28 +08:00 via Android   ♥ 1
    支持
        5
    Leonn   2017-07-07 13:41:37 +08:00   ♥ 1
    所以 github 地址呢,,
        6
    wellsc   2017-07-07 13:48:36 +08:00 via Android   ♥ 1
    不错
        7
    ajan   2017-07-07 13:48:44 +08:00
    @Leonn #5 补上了
        8
    wireshark   2017-07-07 13:48:56 +08:00   ♥ 1
        9
    ajan   2017-07-07 13:52:36 +08:00
    @wireshark #8 也挺好的,我的这个优势是不需要 PHP
        10
    msg7086   2017-07-11 05:16:33 +08:00
    用 h5ai 的只有我一个?
        11
    ajan   2017-07-11 07:15:08 +08:00 via Android
    @msg7086 我以前用过 😄
        12
    wsph123   2017-07-14 11:11:45 +08:00
    感觉按照这个思路甚至可以加上翻页 排序 甚至搜索 预览🤣
        13
    ajan   2017-07-14 11:16:27 +08:00
    @wsph123 #12 翻页可能没啥意义,排序,搜索,预览还是可以扩展的
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2142 人在线   最高记录 3762   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.1 · 16ms · UTC 14:38 · PVG 22:38 · LAX 07:38 · JFK 10:38
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1