nginx-pretty-index

XSLT styles for Nginx AutoIndex Pages

Installation

• install nginx

• install ngx_http_xslt_module. on Ubuntu, it's named as nginx-module-xslt

• load modules in nginx.conf

  load_module modules/ngx_http_xslt_filter_module.so;
  

• download styles.xslt

• modify server blocks as required. here's a snippet for your reference

  server {
    ......
    ......
  
    location / {
      try_files $uri @autoindex;
    }
  
    location @autoindex {
      autoindex on;
      autoindex_exact_size off;
      autoindex_format xml;
  
      xslt_string_param path $uri;
      xslt_stylesheet path/to/styles.xslt;
    }
  
    ......
    ......
  
  }
  

• check nginx syntax (sudo nginx -t) and restart nginx process

Features

1. Beautiful Colors (borrowed from Keith Knittel - CSSTricks)
2. Responsive Page - Mobile users can browse through files easily
3. Filter files by name
4. Icons - File and Folder icons

Credits

This work is based upon dirlist.xslt by Moritz Wilhelmy