霸氣十足::: 美化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


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

沒有留言:

張貼留言