Nginx浏览目录配置及美化

红太狼 2021-11-23 09:50 740阅读 0赞

<table> 
 <thead> 
  <tr> 
   <th>命令</th> 
   <th>默认值</th> 
   <th>值域</th> 
   <th>作用域</th> 
   <th>EG</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>autoindex</td> 
   <td>off</td> 
   <td>on：开启目录浏览；off：关闭目录浏览</td> 
   <td>http, server, location</td> 
   <td>autoindex on;打开目录浏览功能</td> 
  </tr> 
  <tr> 
   <td>autoindex_format</td> 
   <td>html</td> 
   <td>html、xml、json、jsonp 分别用这几个风格展示目录</td> 
   <td>http, server, location</td> 
   <td>autoindex_format html; 以网页的风格展示目录内容。该属性在1.7.9及以上适用</td> 
  </tr> 
  <tr> 
   <td>autoindex_exact_size</td> 
   <td>on</td> 
   <td>on：展示文件字节数；off：以可读的方式显示文件大小</td> 
   <td>http, server, location</td> 
   <td>autoindex_exact_size off; 以可读的方式显示文件大小，单位为 KB、MB 或者 GB，autoindex_format为html时有效</td> 
  </tr> 
  <tr> 
   <td>autoindex_localtime</td> 
   <td>off</td> 
   <td>on、off：是否以服务器的文件时间作为显示的时间</td> 
   <td>http, server, location</td> 
   <td>autoindex_localtime on; 以服务器的文件时间作为显示的时间,autoindex_format为html时有效</td> 
  </tr> 
 </tbody> 
</table>

## 完整配置如下： ##

location /download
    {
        root /home/map/www/; #指定目录所在路径
        autoindex on; #开启目录浏览
        autoindex_format html; #以html风格将目录展示在浏览器中
        autoindex_exact_size off; #切换为 off 后，以可读的方式显示文件大小，单位为 KB、MB 或者 GB
        autoindex_localtime on; #以服务器的文件时间作为显示的时间
        charset utf-8,gbk; #展示中文文件名
    }

## 目录浏览美化 ##

[ngx-fancyindex][]

### 要查看Nginx编译了哪些模块，执行以下命令： ###

`2>&1 nginx -V | tr ' ' '\n'|grep module`

### 查看完整的编译参数：`nginx -V` ###

### 动态编译添加Nginx模块 ###

1.  在GitHub下载最新源码：[ngx-fancyindex][ngx-fancyindex 1]
2.  [Nginx-Index][]源码下载下来后，解压，放到nginx源码目录(/usr/local/nginx)中,执行下面的代码，编译：
3.  `nginx -V` 参数添加 `--add-module=ngx-fancyindex-0.4.2`
4.  `make` 这里不要 make install！！
5.  选择Fancy Index主题 [Nginx-Fancyindex-Theme][]

### Fancy Index 配置 ###

1.  进入Nginx安装的web目录，执行nginx -V，输出configure arguments: --prefix=/usr/local/nginx，就是这个目录
2.  git clone [https://github.com/lanffy/Nginx-Fancyindex-Theme.git][https_github.com_lanffy_Nginx-Fancyindex-Theme.git]
3.  在nginx location模块中添加Fancy Index配置，如下：

location /download
    {
        include /usr/local/nginx/html/Nginx-Fancyindex-Theme/fancyindex.conf; # 目录美化配置
        root /home/map/www/; #指定目录所在路径
        autoindex on; #开启目录浏览
        autoindex_format html; #以html风格将目录展示在浏览器中
        autoindex_exact_size off; #切换为 off 后，以可读的方式显示文件大小，单位为 KB、MB 或者 GB
        autoindex_localtime on; #以服务器的文件时间作为显示的时间
        charset utf-8,gbk; #展示中文文件名
    }

#fancyindex.conf
    fancyindex on;
    fancyindex_localtime on;
    fancyindex_exact_size off;
    fancyindex_header "/Nginx-Fancyindex-Theme/header.html";
    fancyindex_footer "/Nginx-Fancyindex-Theme/footer.html";
    
    # Ignored files will not show up in the directory listing, but will still be public.
    fancyindex_ignore "examplefile.html";
    
    # Making sure folder where files are don't show up in the listing.
    fancyindex_ignore "Nginx-Fancyindex-Theme";
    
    # Maximum file name length in bytes, change as you like.
    fancyindex_name_length 255;

转载于:https://www.cnblogs.com/meilong/p/nginx-liu-lan-mu-lu-pei-zhi-ji-mei-hua.html

[ngx-fancyindex]: https://github.com/aperezdc/ngx-fancyindex
[ngx-fancyindex 1]: https://github.com/aperezdc/ngx-fancyindex/releases
[Nginx-Index]: https://distfiles.macports.org/nginx/
[Nginx-Fancyindex-Theme]: https://github.com/lanffy/Nginx-Fancyindex-Theme/releases
[https_github.com_lanffy_Nginx-Fancyindex-Theme.git]: https://github.com/lanffy/Nginx-Fancyindex-Theme.git