nginx展示目录及美化

最新推荐文章于 2025-11-04 08:15:00 发布

转载最新推荐文章于 2025-11-04 08:15:00 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/outsrkem/p/11206648.html

文章标签：

#运维 #git

本文介绍如何通过ngx-fancyindex模块美化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; #展示中文文件名
            
        }

效果如下

cmd-markdown-logo

或者不使用主题

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

效果如下

cmd-markdown-logo

转载于:https://www.cnblogs.com/outsrkem/p/11206648.html