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

发表回复