下载服务器Nginx-Fancyindex-Theme样式搭建

安装nginx依赖库

tips：如果已经安装过nginx直接看：二、ngx-fancyindex模块安装

nginx安装首先要安装几个依赖库（gzip模块需要 zlib 库，rewrite模块需要 pcre 库，ssl 功能需要openssl库）

安装gcc gcc-c++

$ yum install -y gcc gcc-c++

安装PCRE库

$ cd /usr/local/
$ wget http://jaist.dl.sourceforge.net/project/pcre/pcre/8.33/pcre-8.33.tar.gz
$ tar -zxvf pcre-8.36.tar.gz
$ cd pcre-8.36
$ ./configure
$ make && make install

安装SSL库

$ cd /usr/local/
$ wget http://www.openssl.org/source/openssl-1.0.1j.tar.gz
$ tar -zxvf openssl-1.0.1j.tar.gz
$ cd openssl-1.0.1j
$ ./config
$ make && make install

安装zlib库存

$ cd /usr/local/
$ wget http://zlib.net/zlib-1.2.11.tar.gz
$ tar -zxvf zlib-1.2.11.tar.gz
$ ./configure
$ make && make install

ngx-fancyindex模块安装

tips：如果已经安装过ngx-fancyindex模块，直接看：三、下载服务器Nginx-Fancyindex-Theme主题配置。

注意：Nginx-Fancyindex-Theme主题配置需要使用此模块。仅安装ngx-fancyindex模块也可以美化nginx的目录浏览功能，但是还是不够好看

下载nginx

$ cd /usr/local/
$ wget http://nginx.org/download/nginx-1.20.0.tar.gz
$ tar -zxvf nginx-1.20.0.tar.gz

如果还没有安装过nginx，则需要先安装此模块

到https://github.com/aperezdc/ngx-fancyindex 下载ngx-fancyindex，拷贝到服务器上，我放的路径是/usr/local

$ unzip ngx-fancyindex-master.zip
$ cd nginx-1.20.0/
$ ./configure  --prefix=/usr/local/nginx --user=nginx --group=nginx --with-http_ssl_module --add-module=../ngx-fancyindex-master
$ make && make install

--add-module= 后面跟的是ngx-fancyindex-master解压出来的路径

如果安装过nginx，需要重新编译

找到下载解压出来的nginx源文件目录

$ cd nginx-1.20.0/
$ ./configure  --prefix=/usr/local/nginx --user=nginx --group=nginx --with-http_ssl_module --add-module=../ngx-fancyindex-master
# 注意不要make install
$ make   
$ cp /objs/nginx  /usr/local/nginx/sbin/

下载服务器Nginx-Fancyindex-Theme主题配置

下载Nginx-Fancyindex-Theme主题

下载地址：https://github.com/Naereen/Nginx-Fancyindex-Theme
下载zip包（我用的是light主题），拷贝到服务器上，可以解压完后拷贝上去，不然需要安装unzip包来解压。
注：主题的路径要和配置文件中代理的路径相同，我这里代理的是/usr/data，所以主题要放在/usr/data下

nginx配置文件

server {
    listen       70;
    charset      utf-8;
    server_name  localhost;
    location / {
        root   html;
        index  index.html index.htm;
    }
    location /file {
        # 防止浏览器预览打开
        if ($request_filename ~* ^.*?\.(txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx)$){
            add_header Content-Disposition attachment;
        }
        # 这里是代理的路径，文件都要放在这里，Nginx-Fancyindex-Theme主题也要放在这个路径下
        alias /usr/data;  
        fancyindex on;
        fancyindex_exact_size off;
        fancyindex_localtime on;

        # 由于我配置了访问路径是http://ip:70/file，主题的路径前需要加上/file，
        # 如果配置的是location /，则路径为/Nginx-Fancyindex-Theme-light/header.html
        fancyindex_header "/file/Nginx-Fancyindex-Theme-light/header.html";

        # 由于我配置了访问路径是http://ip:70/file，主题的路径前需要加上/file
        # 如果配置的是location /，则路径为/Nginx-Fancyindex-Theme-light/footer.html
        fancyindex_footer "/file/Nginx-Fancyindex-Theme-light/footer.html";

        fancyindex_ignore "examplefile.html";
        fancyindex_ignore "Nginx-Fancyindex-Theme-light";
        fancyindex_name_length 255;

        # 配置用户访问权限，见3.2用户访问权限配置
        auth_basic        "Restricted";
        auth_basic_user_file "/usr/local/nginx/htpasswd";
    }
}

用户访问权限配置

为了不让别人访问，可以增加用户权限配置

首先添加用户组

$ useradd -s /sbin/nologin -M nginx

生成用户名和密码，写入htpasswd文件

这里使用了openssl生成密码，其中username和password自己替换成自己的

$ printf "ttlsa:$(openssl passwd -username password)\n" >>/usr/local/nginx/htpasswd

cat可以查看

$ cat /usr/local/nginx/htpasswd

启动nginx

$ cd /usr/local/nginx/sbin
$ ./nginx

重启命令

$ cd /usr/local/nginx/sbin
$ ./nginx -s reload

以上就是全部配置过程，END

原文：https://www.jianshu.com/p/5b2914c19253