使用nginx+fancyindex搭建一個帶搜尋功能漂亮的目錄瀏覽站點
阿新 • • 發佈:2021-07-01
1.前言:nginx自帶目錄索引,功能簡單、樣式也不好看,而且長檔名還顯示不全,使用fancyindex外掛來做索引,配上一個漂亮的主題還有搜尋的功能,使介面看起來賞心悅目。
2.軟體版本
web:Nginx 1.14.0 fancy: fancyindex V0.4.3 fancy-theme: fancy v1.1
3.下載並安裝包
yum install gcc gcc-c++ wget ntpdate vim-enhanced autoconf automake openssl-devel pcre-devel unzip wget http://nginx.org/download/nginx-1.14.0.tar.gzwget -O fancyindex.zip https://github.com/aperezdc/ngx-fancyindex/archive/v0.4.3.zip wget -O fancytheme.zip https://github.com/Naereen/Nginx-Fancyindex-Theme/archive/master.zip tar -zxvf nginx-1.14.0.tar.gz unzip fancyindex.zip unzip fancytheme.zip
4.編譯安裝nginx,增加外掛模組
cd nginx-1.14.0 ./configure --prefix=/usr/local/nginx --add-module=../ngx-fancyindex-0.4.3/ //確定沒有錯誤後,執行make && make install make && make install cp -r /root/Nginx-Fancyindex-Theme-master/fancyindex.conf /usr/local/nginx/conf/ cp -r /root/Nginx-Fancyindex-Theme-master/Nginx-Fancyindex-Theme-dark /usr/local/nginx/html/fancydark #黑色主題,選擇其中一種即可
cp -r /root/Nginx-Fancyindex-Theme-master/Nginx-Fancyindex-Theme-light /usr/local/nginx/html/fancydark-light #白色主題
5.修改html檔案引用:cd/usr/local/nginx/html/fancydark 【不然無法讀取樣式,可以通過styles.css修改頁面樣式】
6.修改配置檔案
vim /usr/local/nginx/conf/nginx.conf
worker_processes 4; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; server { listen 8001; server_name localhost; location / { root html; include fancyindex.conf; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } }
vim /usr/local/nginx/conf/fancyindex.conf
fancyindex on; fancyindex_localtime on; fancyindex_exact_size off; fancyindex_header "/fancydark/header.html"; fancyindex_footer "/fancydark/footer.html"; fancyindex_ignore "fancydark"; fancyindex_name_length 200;
7.驗證配置檔案並啟動nginx
/usr/local/nginx/sbin/nginx -t
/usr/local/nginx/sbin/nginx
8.檢視效果