nginx目录列表美化—rpm安装

1. 下载NGINX

RHEL系列的yum源
使用yum源安装如果不能指定版本，请点击跳转nginx的仓库

[nginx-stable]
name=nginx stable repo
baseurl=http://nginx.org/packages/centos/$releasever/$basearch/
gpgcheck=1
enabled=1
gpgkey=https://nginx.org/keys/nginx_signing.key
module_hotfixes=true

[nginx-mainline]
name=nginx mainline repo
baseurl=http://nginx.org/packages/mainline/centos/$releasever/$basearch/
gpgcheck=1
enabled=0
gpgkey=https://nginx.org/keys/nginx_signing.key
module_hotfixes=true

2. 下载美化工具

fancyindex是一个 Nginx 模块，用于美化目录列表的显示。

fancyindex下载地址点击跳转

• 版本兼容情况：
  1. fancyindex 0.5.2：通常与 nginx 1.20.x 版本兼容。
  2. fancyindex 0.5.1：可能兼容 nginx 1.18.x 或 1.19.x。
  3. fancyindex 0.5.0：一般兼容 nginx 1.16.x 或更早的版本。

安装fancyindex模块(centos7-x86_64)
本人上传的centos7-x86_64.rpm fancyindex模块
本人上传的centos9-x86_64.rpm fancyindex模块
可以通过下面指令直接安装

yum install -y https://github.com/jfut/nginx-module-fancyindex-rpm/releases/download/v0.5.2-5/nginx-module-fancyindex-0.5.2-5.el7.x86_64.rpm

3. 配置模块

下载成功后会在nginx的主配置文件，通常在/etc/nginx/nginx.conf，在文件的第一行写下面代码来导入模块

load_module modules/ngx_http_fancyindex_module.so;
http{
······
}

4. 主题下载

可用主题：

• TheInsomniac 主题
  

• Naereen 主题
  

• fraoustin 主题
  

• alehaa 主题
  
  本文用第三个 fraoustin 主题
  fraoustin 主题 个人汉化版

把主题下载到网站根目录，比如要以/www/files作为目录服务器(网站)的根目录
git如未下载运行yum install -y git进行安装，第一次运行可能要输入GitHub的用户名和密码

git clone https://github.com/fraoustin/Nginx-Fancyindex-Theme.git /www/files/

5. 配置文件编写

server {
    listen       80;
    server_name  localhost;

	# 设置字符编码，用于支持中文
    charset utf-8;

	# 开启基于用户名和密码的访问限制，可以不开
    auth_basic '输入用户名和密码';
    # /etc/nginx/conf.d/password 密码存放路径
    auth_basic_user_file /etc/nginx/conf.d/password;

	# 设置目录列表的路径，要在哪里开启目录列表
    root   /files;
    location / {
    	fancyindex on;                       # 启用 FancyIndex 模块
		fancyindex_exact_size off;           # 不显示文件的精确大小
		fancyindex_localtime off;            # 不显示本地时间
		fancyindex_header "/fancyindex/header.html";  # 自定义目录索引的头部 HTML 文件
		fancyindex_footer "/fancyindex/footer.html";  # 自定义目录索引的尾部 HTML 文件
		fancyindex_hide_symlinks on;         # 隐藏符号链接
		fancyindex_default_sort date;        # 目录索引默认按日期排序
		fancyindex_ignore "fancyindex";      # 忽略名为 "fancyindex" 的文件或目录
    }
}

重启nginx

nginx -t && systemctl restart nginx

访问测试

• PC：
• 手机：

6. 其它问题

到这一步如果可以正常访问就不用看了，如果403错误就调整一下权限
/www/files替换为自己的路径

chown nginx.nginx -R /www/files