autoindex.html – 一行配置美化 nginx 目录成 github 风格 by phuslu

本文由@Michael发布

感谢作者 @phuslu  ， 原贴地址： https://www.91yunbbs.com/discussion/441/

现状：

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