Nginx文件服务器页面美化

 

Why

  • 使用nginx做文件服务器,默认的样式比较丑
  • 当读搭建一个网盘,成本比较大,也麻烦

StartUp

# download 
wget https://github.com/aperezdc/ngx-fancyindex/releases/download/v0.5.1/ngx-fancyindex-0.5.1.tar.xz
xz -d ngx-fancyindex-0.5.1.tar.xz
tar -xvf ngx-fancyindex-0.5.1.tar

# build 
cd nginx-?.?.?
# add some module use nginx -V
./configure ...... --add-module=../nginx-fancyindex-0.5.1 \
   [--with-http_addition_module] [extra desired options]
make
# or replace nginx binary file
make install 

# download theme
wget https://github.com/alehaa/nginx-fancyindex-flat-theme/releases/download/v1.1/nginx-fancyindex-flat-theme-1.1.tar.gz

server conf

server {
    listen 80;
    fancyindex on;              # Enable fancy indexes.
    fancyindex_exact_size off;  # Output human-readable file sizes.
    fancyindex_show_path   off;
    fancyindex_header "/theme/header.html";
    fancyindex_footer "/theme/footer.html";
    fancyindex_localtime on;
    fancyindex_time_format "%Y-%m-%d %H:%M:%S";
    location / {
        root /somepath;
    }

    location /theme/ {
        root /somepath/flat-theme;
    }
}

怎么自定义nginx作为文件服务器时打开的网页样式?

Fancy Index

aperezdc/ngx-fancyindex

nginx-fancyindex-flat-theme