The Fancy Index module makes possible the generation of file listings, like the built-in autoindex module does, but adding a touch of style. This is possible because the module module allows a certain degree of customization of the generated content:
- Custom headers. Either local or stored remotely.
- Custom footers. Either local or stored remotely.
- Add you own CSS style rules.
- Allow choosing to sort elements by name (default), modification time, or size; both ascending (default), or descending.
This module is designed to work with Nginx, a high performance open source web server written by Igor Sysoev.
You will need the sources for Nginx. Any version starting from the 0.7 series onwards will work. Note that the modules might compile with versions in the 0.6 series by applying nginx-0.6-support.patch
, but this is unsupported (YMMV).
In order to use the fancyindex_header and fancyindex_footer directives you will also need the ngx_http_addition_module built into Nginx.
Unpack the Nginx sources:
$ gunzip -c nginx-?.?.?.tar.gz | tar -xvf -
Unpack the sources for the fancy indexing module:
$ gunzip -c nginx-fancyindex-?.?.?.tar.gz | tar -xvf -
Change to the directory which contains the Nginx sources, run the configuration script with the desired options and be sure to put an
--add-module
flag pointing to the directory which contains the source of the fancy indexing module:$ cd nginx-?.?.? $ ./configure --add-module=../nginx-fancyindex-?.?.? \ [--with-http_addition_module] [extra desired options]
Build and install the software:
$ make
And then, as
root
:# make install
- Configure Nginx by using the modules' configuration directives.
You can test the default built-in style by adding the following lines into a server
section in your Nginx configuration file:
location / {
fancyindex on; # Enable fancy indexes.
fancyindex_exact_size off; # Output human-readable file sizes.
}
The following themes demonstrate the level of customization which can be achieved using the module:
- Theme by @TheInsomniac. Uses custom header and footer.
- Theme by @zzqw. Uses custom header and footer, the header includes search field to filter by filename using JavaScript (demo).
- Syntax
fancyindex [on | off]
- Default
fancyindex off
- Context
http, server, location
- Description
Enables or disables fancy directory indexes.
- Syntax
fancyindex_default_sort [name | size | date | name_desc | size_desc | date_desc]
- Default
fancyindex_default_sort name
- Context
http, server, location
- Description
Defines sorting criterion by default.
- Syntax
fancyindex_css_href uri
- Default
fancyindex_css_href ""
- Context
http, server, location
- Description
Allows inserting a link to a CSS style sheet in generated listings. The provided uri parameter will be inserted as-is in a
<link>
HTML tag. The link is inserted after the built-in CSS rules, so you can override the default styles.
- Syntax
fancyindex_exact_size [on | off]
- Default
fancyindex_exact_size on
- Context
http, server, location
- Description
Defines how to represent file sizes in the directory listing; either accurately, or rounding off to the kilobyte, the megabyte and the gigabyte.
- Syntax
fancyindex_name_length length
- Default
fancyindex_name_length 50
- Context
http, server, location
- Description
Defines the maximum file name length limit in bytes.
- Syntax
fancyindex_footer path
- Default
fancyindex_footer ""
- Context
http, server, location
- Description
Specifies which file should be inserted at the foot of directory listings. If set to an empty string, the default footer supplied by the module will be sent.
Note
Using this directive needs the ngx_http_addition_module built into Nginx.
Warning
When inserting custom header/footer a subrequest will be issued so potentially any URL can be used as source for them. Although it will work with external URLs, only using internal ones is supported. External URLs are totally untested and using them will make Nginx block while waiting for the subrequest to complete. If you feel like external header/footer is a must-have for you, please let me know.
- Syntax
fancyindex_header path
- Default
fancyindex_header ""
- Context
http, server, location
- Description
Specifies which file should be inserted at the head of directory listings. If set to an empty string, the default header supplied by the module will be sent.
Note
Using this directive needs the ngx_http_addition_module built into Nginx.
- Syntax
fancyindex_ignore string1 [string2 [... stringN]]
- Default
No default.
- Context
http, server, location
- Description
Specifies a list of file names which will be not be shown in generated listings. If Nginx was built with PCRE support strings are interpreted as regular expressions.
- Syntax
fancyindex_hide_symlinks [on | off]
- Default
fancyindex_hide_symlinks off
- Context
http, server, location
- Description
When enabled, generated listings will not contain symbolic links.
- Syntax
fancyindex_localtime [on | off]
- Default
fancyindex_localtime off
- Context
http, server, location
- Description
Enables showing file times as local time. Default is “off” (GMT time).
- Syntax
fancyindex_time_format string
- Default
fancyindex_time_format "%Y-%b-%d %H:%M"
- Context
http, server, location
- Description
Format string used for timestamps. The format specifiers are a subset of those supported by the strftime function, and the behavior is locale-independent (for example, day and month names are always in English). The supported formats are:
%a
: Abbreviated name of the day of the week.%A
: Full name of the day of the week.%b
: Abbreviated month name.%B
: Full month name.%d
: Day of the month as a decimal number (range 01 to 31).%e
: Like%d
, the day of the month as a decimal number, but a leading zero is replaced by a space.%F
: Equivalent to%Y-%m-%d
(the ISO 8601 date format).%H
: Hour as a decimal number using a 24-hour clock (range 00 to 23).%I
: Hour as a decimal number using a 12-hour clock (range 01 to 12).%k
: Hour (24-hour clock) as a decimal number (range 0 to 23); single digits are preceded by a blank.%l
: Hour (12-hour clock) as a decimal number (range 1 to 12); single digits are preceded by a blank.%m
: Month as a decimal number (range 01 to 12).%M
: Minute as a decimal number (range 00 to 59).%p
: Either "AM" or "PM" according to the given time value.%P
: Like%p
but in lowercase: "am" or "pm".%r
: Time in a.m. or p.m. notation. Equivalent to%I:%M:%S %p
.%R
: Time in 24-hour notation (%H:%M
).%S
: Second as a decimal number (range 00 to 60).%T
: Time in 24-hour notation (%H:%M:%S
).%u
: Day of the week as a decimal, range 1 to 7, Monday being 1.%w
: Day of the week as a decimal, range 0 to 6, Monday being 0.%y
: Year as a decimal number without a century (range 00 to 99).%Y
: Year as a decimal number including the century.