生命不息
折腾不止

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

感谢作者 @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
赞(0)
未经允许不得转载:91云(91yun.co) » autoindex.html – 一行配置美化 nginx 目录成 github 风格 by phuslu

留言 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #0

    大沙发

    qwer1218年前 (2017-07-11)回复