[[414252]]

在日常運維中，web的目錄服務其實很常見，那么如果想要擺脫枯燥的界面，可以嘗試nginx的一款插件，叫Fancyindex，目前該插件可以通過yum形式安裝(但需要收費)，源碼編譯方式，整個操作過程不算復雜，目前國內的主流源基本用的都是這一款插件，下圖為效果圖，如果想要了解如何實現，請往下看吧。

正文

環(huán)境

• Web服務：Nginx 1.21.1
• Fancyindex：0.5.1
• 系統版本：CentOS 8.4

準備工作

yum  -y install gcc-++ yum-utils zlib-devel wget vim gcc-c++ pcre-devel zlib-devel make 

下載相關軟件

1.下載nginx源碼包

wget http://nginx.org/download/nginx-1.21.1.tar.gz 

2.下載Fancyindex包

wget https://github.com/aperezdc/ngx-fancyindex/releases/download/v0.5.1/ngx-fancyindex-0.5.1.tar.xz 

解壓軟件包

tar -zxvf nginx-1.21.1.tar.gz 
tar -xvf ngx-fancyindex-0.5.1.tar.xz 

編譯Nginx

cd nginx-1.21.1 
./configure --user=nginx --group=nginx --add-module=/root/ngx-fancyindex-0.5.1 --prefix=/usr/local/nginx 

出現這個界面就代表編譯完成

make && make install  

編譯安裝完成

創(chuàng)建目錄并修改nginx根目錄

mkdir /kasar 
vim /usr/local/nginx/conf/nginx.conf 

將根修改為/kasar

啟動Nginx

/usr/local/nginx/sbin/nginx 

如果出現下圖的報錯，需要添加nginx用戶

useradd -s /sbin/nologin -M nginx 

啟動正常

訪問測試nginx是否正常

訪問正常

如果出現下圖問題是由于index.html沒有創(chuàng)建

開啟Fancyindex插件

這里需要注意的是該插件的位置，如果是在http塊下面，會將插件應用到整個目錄，如果放在location下面，只針對當前目錄生效。

vim /usr/local/nginx/conf/nginx.conf 
fancyindex on; 
fancyindex_exact_size off; 
fancyindex_localtime on; 

重啟nginx服務查看效果

/usr/local/nginx/sbin/nginx -s reload 

加載模板

1.模板里的內容過多，如果有需要，請留言或私信我。

2.修改nginx.conf，啟用頁頭頁尾

vim /usr/local/nginx/conf/nginx.conf 
#####啟用頁頭和頁尾 
fancyindex_footer /theme/footer.html; 
fancyindex_header /theme/header.html; 
#####忽略頁頭、頁尾和圖標文件 
fancyindex_ignore theme; 
#####重啟服務 
/usr/local/nginx/sbin/nginx -s reload 

查看效果

最終效果

寫在最后

美化的教程可以隨意更改為自己想要的內容，目前在github還是有很多模板的，可以自行選擇，如果需要大量更改需要一定的前端能力，個人覺得我們自身做出一個差不多的內容就可以了，如果想要做成清華那種，需要花費很大的功夫，可以當做一個項目來做，我們做到提高原始的目錄服務美觀性即可。