首页 > 脚本 > nginx文件目录列表插件FancyIndex安装及使用
2019
04-02

nginx文件目录列表插件FancyIndex安装及使用

介绍一款nginx插件-FancyIndex,可以通过引入自定义HTML内容来美化文件目录列表页面。

安装FancyIndex插件

通过安装nginx-extras即可安装FancyIndex插件

  1. apt-get install nginx-extras  

nginx配置文件修改

  1. server {  
  2. listen 80;  
  3. charset utf-8;  
  4. server_name nginxsoft.tennfy.com;  
  5. root /var/www/nginxsoft.tennfy.com;  
  6.    
  7. location / {  
  8. autoindex on;  
  9. autoindex_exact_size off;  
  10. autoindex_localtime on;  
  11. fancyindex on;               
  12. fancyindex_exact_size off;  
  13. fancyindex_header “header.html”;  
  14. fancyindex_footer “footer.html”;  
  15. }  
  16. }  

这里需要两个html文件:header.html,footer.html用来美化页面。

在web目录下(本文为/var/www/****.com)建立两个文件:header.html和footer.html。

header.html内容为:

  1. <html xmlns=“http://www.w3.org/1999/xhtml”>  
  2. <head><meta http-equiv=“content-type” content=“text/html; charset=utf-8”/>  
  3. <style type=“text/css” media=“screen”>  
  4. body,html {background:#fff;font-family: “Lucida Grande”,Calibri,Arial;font-size: 13pt;color: #333;background: #f8f8f8;}  
  5. tr.e {background:#f4f4f4;}  
  6. th,td {padding:0.1em 0.5em;}  
  7. th {text-align:left;font-weight:bold;background:#eee;border-bottom:1px solid #aaa;}  
  8. #top1 {width:80%; font-size:28px; margin: 0 auto 5px auto;}  
  9. #top2 {width:80%; font-size:18px; margin: 0 auto 5px auto;}  
  10. #footer {width:80%;margin: 0 auto; padding: 10pt 0;font-size: 10pt;text-align:center;}  
  11. #footer a {font-size: 14px; font-weight: normal; text-decoration: underline;}  
  12. #list {border:1px solid #aaa;width:80%;margin: 0 auto;padding: 0;}  
  13. a {color: #b00;font-size: 11pt;font-weight: bold;text-decoration: none;}  
  14. a:hover {color: #000;}  
  15. #readme {padding:0;margin:1em 0;border:none;width:100%;}  
  16. </style>  
  17. <script type=“text/javascript”>// <![CDATA[function ngx_onload(){var f=document.getElementById(‘readme’);if(!(f&&f.contentDocument))return;f.style.height=f.contentDocument.body.offsetHeight+’px’;f.contentDocument.body.style.padding=’0′;f.contentDocument.body.style.margin=’0′;}// ]]></script>  
  18. <title>Inspur Linux OS Download Center</title>  
  19. </head>  
  20. <body onload=“ngx_onload()”>  
  21. <h1 id=“top1”>文件目录列表</h1>  
  22. <h1 id=“top2”>Directory listing of  

footer.html内容为:

  1. <table id=“footer” cellpadding=“0” cellspacing=“1”>  
  2. <thead><tr><td colspan=“3”>本页面由****提供</td></tr><thead>  
  3. </table></body></html>  

最后编辑:
作者:anlewo
这个作者貌似有点懒,什么都没有留下。