利用nginx+fancyindex美化目录索引 #yyds干货盘点#

Posted 江晓龙的技术博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用nginx+fancyindex美化目录索引 #yyds干货盘点#相关的知识,希望对你有一定的参考价值。

利用nginx+fancyindex美化目录索引

1.下载第三方插件

1)下载插件
[root@localhost ~]# wget -O fancyindex.zip https://github.com/aperezdc/ngx-fancyindex/archive/v0.4.3.zip
[root@localhost ~]# wget -O fancytheme.zip https://github.com/Naereen/Nginx-Fancyindex-Theme/archive/master.zip

2)解压
[root@localhost ~]# unzip fancyindex.zip
[root@localhost ~]# unzip fancytheme.zip

2.重新编译nginx

[root@localhost ~]# tar -zxvf nginx-1.16.0.tar.gz
[root@localhost ~]# cd nginx-1.16.0
[root@localhost ~]# ./configure --prefix=/data1/nginx --add-module=/root/ngx-fancyindex-0.4.3/ --user=root --group=root && make && make

3.准备目录索引路径

[root@localhost ~]# mkdir /data1/www/html/repo/centos6.5,centos7.5,tomcat,fio,redis,elasticsearch,abase -p

4.编写站点配置文件

conf.d目录需要手动创建,然后再主配置文件nginx.conf中配置一个include才能识别其他路径的配置文件

1.创建配置文件路径
[root@localhost ~]# mkdir /data1/nginx/conf/conf.d/

2.修改主配置文件
[root@localhost ~]# vim /data1/nginx/conf/nginx.conf
http 
    ......
    include  /data/nginx/conf/conf.d/*.conf
    ......
     

3.编写目录索引配置文件
[root@localhost ~]# cd /data1/nginx/conf/conf.d/
[root@localhost conf.d]# vim repo.conf
server 
    listen 888;
    server_name localhost;

    location / 
        fancyindex on;
        fancyindex_localtime on;
        fancyindex_exact_size off;
        fancyindex_footer "/data/www/html/Nginx-Fancyindex-Theme-dark/footer.html";
        fancyindex_header "/data/www/html/Nginx-Fancyindex-Theme-dark/header.html";
        root /data1/www/html;
        charset utf-8,gbk;
    

5.将fancyindex放到站点目录

[root@localhost ~]# mv /root/Nginx-Fancyindex-Theme-master/fancyindex.conf /data1/nginx/conf/
[root@localhost ~]# mv /root/Nginx-Fancyindex-Theme-master/Nginx-Fancyindex-Theme-dark/ /data1/www/html/

将站点标题改成自己的称谓
[root@localhost ~]# vim /data/www/html/Nginx-Fancyindex-Theme-dark/header.html
修改最后一行即可
<h1>jiangxl_20200714

6.启动nginx

[root@localhost ~]# nginx -t
[root@localhost ~]# nginx

7.访问

访问http://192.1.44.123:888/repo

以上是关于利用nginx+fancyindex美化目录索引 #yyds干货盘点#的主要内容,如果未能解决你的问题,请参考以下文章

安装配置ngx-fancyindex插件

nginx展示目录及美化

Nginx笔记总结十九:nginx + fancy实现漂亮的索引目录

numpy 切片和索引

Nginx浏览目录配置及美化

nginx目录索引