小知识:Nginx服务器下配置使用索引目录的教程

为了简单共享文件,有些人使用svn,有些人使用ftp,但是更多得人使用索引(index)功能。apache得索引功能强大,并且也是最常见得,nginx的auto_index实现得目录索引偏少,而且功能非常简单。先来看看我们得效果图。

%小知识:Nginx服务器下配置使用索引目录的教程-猿站网-插图

nginx配置

?
1
2
3
4
5
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等等. 默认是打开得

?
1
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

对比一下nginx内置的index效果(上篇文章贴过来的图),如下
?
1
2
3
4
5
6
7
8
# wget http://gitorious.org/ngx-fancyindex/ngx-fancyindex/archive-tarball/master
# tar -xzvf master
# wget http://nginx.org/download/nginx-1.4.2.tar.gz
# tar -xzvf nginx-1.4.2.tar.gz
# cd nginx-1.4.2
# ./configure –prefix=/usr/local/nginx-1.4.2 –add-module=../ngx-fancyindex-ngx-fancyindex
# make
# make install

fancy索引配置

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
server {
listen  80;
server_name test.tuohang.net;
access_log /data/logs/nginx/test.tuohang.net.access.log main;
index index.html index.php index.html;
root /data/site/test.tuohang.net;
location / {
}
location ~ ^/2589(/.*)
{
fancyindex on;
fancyindex_exact_size off;
fancyindex_localtime on;
fancyindex_footer “myfooter.shtml”;
}
}

看看nginx加了fancy的效果,如下图.

%小知识:Nginx服务器下配置使用索引目录的教程-1猿站网-插图

比自带的好看多少,这个不好说…反正就是….变好看了点~

参数解释:

fancyindex on:开启fancy索引

fancyindex_exact_size off:不使用精确的大小,使用四舍五入,1.9M会显示为2M这样.如果开启的话,单位为字节

fancyindex_localtime on:使用本地时间

fancyindex_footer “myfooter.shtml”:把当前路径下的myfooter.shtml内容作为底部.文件不存在底部会出现404

myfooter.shtml内容如下:
?
1
2
3
4
5
6
7
8
9
10
11
12
<!– footer START –>
<div id=”footer”>
<a id=”gotop” href=”#” onclick=”MGJS.goTop();return false;”>回到顶部</a>
<a id=”powered” href=”http://wordpress.org/”>WordPress</a>
<div id=”copyright”>
版权所有 © 2006-2015 服务器之家 </div>
<div id=”themeinfo”>
<a href=”//www.tuohang.net/about/”>关于我们</a> | <a href=”//www.tuohang.net/sitemap.html”>网站导航</a> | <a href=”//www.tuohang.net/sitemap.xml”>网站地图</a> |<a rel=”nofollow” href=”http://www.miibeian.gov.cn/”>苏ICP备14036222号</a>
</div>
</div>
<!– footer END –>
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时间)
声明: 猿站网有关资源均来自网络搜集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担! 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除,制止非法恶意传播,不对任何下载或转载者造成的危害负任何法律责任!也请大家支持、购置正版! 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:2697268773@qq.com进行处理。
建站知识

小知识:选择 Linux 的五大好处

2023-5-1 2:20:05

建站知识

小知识:学习一个 Linux 命令:ntpdate

2023-5-1 2:28:22

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索