nginx目錄列表開啓和美化

爲了簡單共享文件,有些人使用svn,有些人使用ftp,可是更多得人使用索引(index)功能。apache得索引功能強大,而且也是最多見得,nginx的auto_index實現得目錄索引偏少,並且功能很是簡單。php

nginx配置

location ~ ^/2589(/.*)
{
  autoindex on; //開啓
  autoindex_localtime on;//開啓顯示功能
}

auto_index指令

語法: autoindex on | off;
配置段: autoindex off;
配置段: http, server, locationcss

啓用/禁用nginx目錄索引功能

語法: autoindex_exact_size on | off;
配置段:autoindex_exact_size on;
配置段: http, server, locationhtml

制定是否額外得顯示文件得大小,單位爲字節,mb,gb等等. 默認是打開。nginx

syntax: autoindex_localtime on | off;

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

指定是否顯示目錄或者文件得時間,默認是不顯示。正則表達式

nginx+fancy實現漂亮的索引目錄

nginx索引目錄自帶的功能很簡單,並且很差看,如何作一個漂亮的索引列表.接下來看。
安裝環境
系統:centos 6.3nginx:1.4.2
fancy: http://wiki.nginx.org/NgxFancyIndex
下載安裝fancy。apache

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索引配置centos

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的效果。wordpress

比自帶的好看多少,這個很差說...反正就是....變好看了點~svn

參數解釋:
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時間)

相關文章
相關標籤/搜索