Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

A HTML5 autoindex for NGINX without the fancy index module or ajax calls.

License

NotificationsYou must be signed in to change notification settings

EthraZa/NGINdeX.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NGINdeX.io isNGINXautoindex redux.

A pretty but simple autoindex for Nginx without the fancy index module.It will read up the content from a NGINX folder and create a pretty HTML5 table to browse itwith column sort and filter.

It uses a minimal CSS library andvanilla JavaScript for resources wise performance.

Install

Downlod header.html and footer.html into a folder in your NGINX webserverand copy the nginx.example.conf setup to your NGINX config file.

Usage

It has no configs, except a couple of params that can be passed to the URL.

Color Theme

  • t = theme_name

ie:https://domain.tld/folder?t=maroon

Background image

  • b = Image_URL

ie:https://domain.tld/folder?b=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1569235186275-626cb53b83ce%3Fixlib%3Drb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1352&q=80&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1352&q=80

DateTime Format

  • l =Language_Locale (Defaults to "sv-SE" = "YYYY-MM-DD HH:MM:SS" so it gets right ordered)

ie:https://domain.tld/folder?l=en-US

CSS libraries and themes

It is tested and works with the followings CSS libraries:

* You can uncomment any of then at the top of header.html (<head>).

How it works

  1. The nginx autoindex module delivers the folder content in JSON format (autoindex_format json) with header.html at the beginning and footer.html at the end of the output
  2. The downloaded JSON will end up inside a hidden DIV as text, without any AJAX call (add_header Content-Type text/html)
  3. When the download is done, the JSON is read and parsed by JavaScript
  4. The table with the server folder content is then build and the loading CSS animation is closed

Screenshots

| |

| |

| |

| |

| |

| |



NGINdeX.io is based on





Quote

"People will not look forward to posterity, who never look backward to their ancestors."

― Edmund Burke, Reflections on the Revolution in France

About

A HTML5 autoindex for NGINX without the fancy index module or ajax calls.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages


[8]ページ先頭

©2009-2025 Movatter.jp