霸氣十足::: 美化nginx autoindex

搞了好幾天..........

一般來說開了nginx autoindex 會是這蠢樣

弄好以後的霸氣模樣

先準備nginx源碼，要跟ngx-fancyindex一起安裝

sudo apt-cache search pcre
sudo apt-get install libpcre3-dev libpcre3
sudo apt-get install git
cd /usr/local/src
git clone git://gitorious.org/ngx-fancyindex/ngx-fancyindex.git ngx-fancyindex

nginx源碼下載:  http://nginx.org/download/

現在/usr/local/src 下面應該有ngx-fancyinde 和nginx-X.X.X 的源碼資料夾

進去ngx-fancyindex 資料夾，照著 template.html 修改CSS跟源碼(其他標記盡量別動)

刪除 template.h 

產生新的template.h  小弟不才這步驟在windows下用不知道為何在linux一直失敗...

awk for windows : http://gnuwin32.sourceforge.net/packages/gawk.htm
awk -f template.awk template.html > template.h

之後產生新的template.h以後會發現有一些垃圾像是:

buffer: v
buffer: N
buffer: N
buffer: O
buffer: O
buffer: N
buffer: N
buffer: E
buffer: E
buffer: -

把這些刪除，保持.h裡面的程式語法正確

在去nginx的資料夾

./configure --add-module=../ngx-fancyindex
make && make install

make 成功

make install成功

./configure  可以加入更多參數，自行調整
nginx 默認安裝路徑 /usr/local/nginx/

nginx開啟範例

location / {
fancyindex on;              # Enable fancy indexes.
fancyindex_exact_size off;  # Output human-readable file sizes.
}

停止跟重新啟動

root@zet:/usr/local/nginx/sbin# ./nginx -s stop
root@zet:/usr/local/nginx/sbin# ./nginx

大概都把重點用出來了，希望大家成功!