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下载地址点击跳转
- 版本兼容情况:
- fancyindex 0.5.2:通常与
nginx
1.20.x 版本兼容。 - fancyindex 0.5.1:可能兼容
nginx
1.18.x 或 1.19.x。 - fancyindex 0.5.0:一般兼容
nginx
1.16.x 或更早的版本。
- fancyindex 0.5.2:通常与
安装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. 主题下载
可用主题:
-
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