nginx目录列表开启和美化

为了简单共享文件，有些人使用svn，有些人使用ftp，可是更多得人使用索引(index)功能。apache得索引功能强大，而且也是最多见得，nginx的auto_index实现得目录索引偏少,并且功能很是简单。

nginx配置

location ~ ^/2589(/.*)
{
  autoindex on; //开启
  autoindex_localtime on;//开启显示功能
}

auto_index指令

语法: autoindex on | off;
配置段: autoindex off;
配置段: http, server, location

启用/禁用nginx目录索引功能

语法: autoindex_exact_size on | off;
配置段：autoindex_exact_size on;
配置段: http, server, location

制定是否额外得显示文件得大小，单位为字节，mb,gb等等. 默认是打开。

syntax: autoindex_localtime on | off;

配置段: autoindex_localtime off;
配置段: http, server, location

指定是否显示目录或者文件得时间，默认是不显示。

nginx+fancy实现漂亮的索引目录

nginx索引目录自带的功能很简单，并且很差看，如何作一个漂亮的索引列表.接下来看。
安装环境
系统：centos 6.3nginx:1.4.2
fancy: http://wiki.nginx.org/NgxFancyIndex
下载安装fancy。

1	# wget http://gitorious.org/ngx-fancyindex/ngx-fancyindex/archive-tarball/master

2	# tar -xzvf master

3	# wget http://nginx.org/download/nginx-1.4.2.tar.gz

4	# tar -xzvf nginx-1.4.2.tar.gz

5	# cd nginx-1.4.2

6	# ./configure --prefix=/usr/local/nginx-1.4.2 --add-module=../ngx-fancyindex-ngx-fancyindex

7

# make

8	# make install

 
fancy索引配置

01

server {

02	listen  80;

03	server_name test.jb51.net;

04	access_log /data/logs/nginx/test.jb51.net.access.log main;

05	index index.html index.php index.html;

06	root /data/site/test.jb51.net;

07	location / {

08

}

09	location ~ ^/2589(/.*)

10

{

11	fancyindex on;

12	fancyindex_exact_size off;

13	fancyindex_localtime on;

14	fancyindex_footer "myfooter.shtml";

15

}

16

}

 
看看nginx加了fancy的效果。

比自带的好看多少，这个很差说...反正就是....变好看了点~

参数解释：
fancyindex on：开启fancy索引
fancyindex_exact_size off:不使用精确的大小,使用四舍五入,1.9M会显示为2M这样.若是开启的话，单位为字节
fancyindex_localtime on：使用本地时间
fancyindex_footer "myfooter.shtml"：把当前路径下的myfooter.shtml内容做为底部.文件不存在底部会出现404
myfooter.shtml内容以下：

01	<!-- footer START -->

02	<div id="footer">

03	<a id="gotop" href="#" onclick="MGJS.goTop();return false;">回到顶部</a>

04	<a id="powered" href="http://wordpress.org/">WordPress</a>

05	<div id="copyright">

06	版权全部 © 2006-2015 跟版网 </div>

07	<div id="themeinfo">

08	<a href="http://www.jb51.net/about/">关于咱们</a> | <a href="http://www.jb51.net/sitemap.html">网站导航</a> | <a href="http://www.jb51.net/sitemap.xml">网站地图</a> |<a rel="nofollow" href="http://www.miibeian.gov.cn/">苏ICP备14036222号</a>

09

</div>

10

</div>

11	<!-- footer END -->

12	fancy指令使用：

fancyindex
语法:

1	*fancyindex* [*on* | *off*]

默认值: fancyindex off
配置块: http, server, location
描述: 开启/关闭目录索引功能
fancyindex_css_href
语法:

1	*fancyindex_css_href uri*

默认值: fancyindex_css_href ""
配置块: http, server, location
描述: 外置css路径，这个css将会替代掉现有的css样式。若是你会css，那你能够把索引列表作得更加漂亮.我们ttlsa没有网页设计师,因此只能用自带的了^^
fancyindex_exact_size
语法:

1	*fancyindex_exact_size* [*on* | *off*]

默认值: fancyindex_exact_size on
配置块: http, server, location
描述: 定义如何显示文件的大小，默认是on，on：文件大小使用精确值，单位为字节.off:单位为KB,MB,GB，若是含有小数点，将会四舍五入。例如1.9MB，将会显示为2MB。
fancyindex_footer
语法:

1	*fancyindex_footer path*

默认值: fancyindex_footer ""
配置块: http, server, location
描述: 指定哪一个文件嵌入到索引页面的底部，效果请看本文的第一张图片
fancyindex_header
语法:

1	*fancyindex_header path*

默认值: fancyindex_header ""
配置块: http, server, location
描述: 指定哪一个文件嵌入到索引页面的头部.用法和fancyindex_footer相似
fancyindex_ignore
语法:

1	*fancyindex_ignore string1 [string2 [... stringN]]*

默认值: No default.
配置块: http, server, location
描述: 哪些文件/目录隐藏掉，若是你的nginx支持正则，那么可使用正则表达式来过滤
例如我想隐藏dir打头的文件或目录以及文件filea.txt，配置以下：

1	fancyindex_ignore "dir*" "filea.txt"

fancyindex_localtime
语法:

1	*fancyindex_localtime* [*on* | *off*]

默认值: fancyindex_localtime off 配置块: http, server, location Description: 使用当地时间显示文件的建立时间，默认是off（GMT时间）