自己随便学习开发的用的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

原文地址: 这里