nginx展示目錄及美化

1.下載nginx

2.下載fancyindex

git clone https://github.com/aperezdc/ngx-fancyindex.git ngx-fancyindex

3.下載主題

git clone https://github.com/lanffy/Nginx-Fancyindex-Theme.git

編譯安裝

./configure --prefix=/usr/local/nginx --add-module=../ngx-fancyindex/

make && make install

mv /root/Nginx-Fancyindex-Theme /usr/local/nginx/html/

nginx配置

location /download{
            include /usr/local/Cellar/nginx/1.12.2_1/html/Nginx-Fancyindex-Theme/fancyindex.conf; # 目錄美化配置
            alias /Users/mac-desktop/video/; #指定目錄所在路徑
            autoindex on; #開啟目錄瀏覽
            autoindex_format html; #以html風格將目錄展示在瀏覽器中
            autoindex_exact_size off; #切換為 off 后，以可讀的方式顯示文件大小，單位為 KB、MB 或者 GB
            autoindex_localtime on; #以服務器的文件時間作為顯示的時間
            charset utf-8,gbk; #展示中文文件名
            
        }

效果如下

或者不使用主題

 location / {
             alias /data/;
             fancyindex on; # 使用fancyindex
             fancyindex_exact_size off; # 不顯示精確大小
        }

效果如下