自己随便学习开发的用的Web环境下网站目录习惯开启目录浏览，之前用apache，默认界面很丑，最近换成了nginx，找了一下发现有非常简单优美的解决方案，转载一下做个记号：

现状：

  1. nginx 的 autoindex 虽然速度比较快，但是美化不足，可以说巨丑。
  2. 类似 h5ai 解决方案这种又十分笨重，性能堪忧。

改进：

  1. 使用 nginx 的 autoindex 页脚(footer) 功能添加 javascript 来重新渲染并美化页面。
  2. 使用 twitter bootstrap 和 github octicons 做素材, 并适配移动端
  3. 检测当前页面 Readme.md 并渲染，和 github 保持一致。

演示：

  1. https://phuslu.github.io/

教程：

  1. 把 https://phuslu.github.io/autoindex.html 下载到网站 wwwroot 根目录。
  2. 在 nginx autoindex 指令下面添加 add_after_body /autoindex.html; 然后重启 nginx 即可
  3. 完整配置例子请见 https://phuslu.github.io/autoindex.html

原文地址： 这里