[nginx]不用其他的,搭建简单的网盘

in html5开发 with 0 comment

嫌弃alist?那么针对高并发设计的nginx不妨了解下?
nginx其实通过fancyindex可以自己设计美丽的网盘界面,效果:

好看

好用

0.nginx安装fancyindex

这个对于apt安装的用户太好解决了,我们用apt install -y libnginx-mod-http-fancyindex安装即可

安装

如果你是编译nginx的用户,那可以重新编译带fancyindex的:

安装fancyindex要重新编译nginx,首先下载fancyindex源码

git clone https://github.com/aperezdc/ngx-fancyindex 解压nginx进入目录,重新执行
configure 命令,指定参数 --add-module 添加fancyindex模块:

./configure --user=www --group=www \

--prefix=/usr/local/nginx-1.12.2 \
--with-http_stub_status_module \
--with-http_ssl_module \
--add-module=../ngx-fancyindex 
# 添加fancyindex模块 执行make和make install即可完成安装。

原文:https://www.tracymc.cn/archives/2956

1.了解fancyindex

fancyindex开启很简单,在nginx配置文件添加这样三句:

fancyindex on;
fancyindex_exact_size off;
fancyindex_header "/.site/header.html";
fancyindex_footer "/.site/footer.html";

注意 fancyindex的header/footer根目录指的是网站根目录,比如:
我的网站在 /www ,header在 /www/header.html,那么实际要写:fancyindex_header /header.html

添加

小技巧 使用隐藏的文件夹可以使模板文件不被展现!

然后我们以white/dark主题演示一下,看看效果:

git clone https://github.com/Naereen/Nginx-Fancyindex-Theme.git

这里有两个主题,dark和white,我们以白色版示例:

mv Nginx-Fancyindex-Theme/Nginx-Fancyindex-Theme-light ./.site

移动

注意 nginx配置文件中的路径一定要写对,不然404
接着打开header.html和footer.html,将/Nginx-Fancyindex-Theme-light全部替换为/.shie,不然加载不出来:

替换

Responses