下载fancyindex

你可以直接到Fancyindex项目地址下载和看指南：

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

当然，因为Fancyindex模块已经录入到Nginx官方库，也可以去Nginx官方下载和看指南：

https://www.nginx.com/resources/wiki/modules/fancy_index/

我们这直接用 wget等工具下载源码：

下载到自己熟悉的文件夹下，防止找不到

# 下载0.5.1版本
wget "https://github.com/aperezdc/ngx-fancyindex/releases/download/v0.5.1/ngx-fancyindex-0.5.1.tar.xz"

下载好后，我们解压：

# 使用tar解压
tar -xf ngx-fancyindex-0.5.1.tar.xz

记得源码路径嗷，比如我的：/home/ngx-fancyindex-0.5.1

编译安装

常规编译比较复杂，并且很容易出错，这边建议使用宝塔的Nginx编译安装

在软件商店中，选择安装Nginx，点击上方的编译安装，点击添加自定义模块，填写好模块名称和简介，然后输入

--add-module=/home/ngx-fancyindex-0.5.1

最后点击提交安装，等待安装完成

然后在打开控制台输入 nginx -V 查看是否已经安装到nginx中了

美化Fancyindex

在这里可以下载一些美化模板：

Nginx-Fancyindex-Theme：https://github.com/Naereen/Nginx-Fancyindex-Theme

下载到你熟悉的目录下，然后在对应的nginx配置文件中对刚刚的Fancyindex配置修改：

location / {
        # 存储资源文件的目录，根据自己的需求配
        fancyindex on; # 使用fancyindex
        fancyindex_exact_size off; # 不显示精确大小
        fancyindex_time_format "%Y-%m-%d %H:%M"; # 文件日期
        fancyindex_localtime on; # 使用用户本地时间
        fancyindex_header /fancyindex/header.html;  #美化包
        fancyindex_footer /fancyindex/footer.html; #美化包
        fancyindex_ignore "fancyindex";  #忽略文件或文件夹
    }