Alist自定义美化

安装

安装：curl -fsSL "https://alist.nn.ci/v3.sh" | bash -s install

自定义安装：curl -fsSL "https://alist.nn.ci/v3.sh" | bash -s install /www/wwwroot/pan.luodage.com

更新：curl -fsSL "https://alist.nn.ci/v3.sh" | bash -s update

卸载curl -fsSL "https://alist.nn.ci/v3.sh" | bash -s uninstall

安装好会出现下面内容

    Alist 安装成功！

访问地址：http://YOUR_IP:5244/

配置文件路径：/www/wwwroot/pan.luodage.com/alist/data/config.json
---------如何获取密码？--------
先cd到alist所在目录:
cd /www/wwwroot/pan.luodage.com/alist
随机设置新密码:
./alist admin random
或者手动设置新密码:
./alist admin set NEW_PASSWORD
----------------------------
启动服务中

查看状态：systemctl status alist
启动服务：systemctl start alist
重启服务：systemctl restart alist
停止服务：systemctl stop alist

温馨提示：如果端口无法正常访问，请检查 服务器安全组、本机防火墙、Alist状态

添加反向代理

反向代理(绑定域名)
点击宝塔面板左侧菜单->网站 → 添加站点，域名填写准备绑定的域名，其余默认即可，点击提交
添加反向代理
进入站点设置 → 反向代理 → 添加反向代理 ，代理名称任意，目标URL填http://你的IP:5244 ，发送域名填写准备绑定的域名，点击提交

反向代理的配置

在反向代理的配置文件中，加入以下代码，可以避免上传大文件时的前端超时问题，以及webdav同时超时的问题。

     # 上传的最大文件尺寸
    client_max_body_size 200000m;
    
    # 设置超时时间，单位为秒
    proxy_connect_timeout 600;
    proxy_send_timeout 600;
    proxy_read_timeout 600;

隐藏原生底部信息

    <!-- head -->
    
    <style>
    /*隐藏版权*/
    .footer span,.footer a:nth-of-type(1){
      display:none;
    }
    
    /*隐藏管理字眼*/
    .footer span,.footer a:nth-of-type(2){
      display:none;
    }
    </style>

增加自定义底部信息

    <!-- head -->
    
    <!-- 增加底部文字 -->
    <div style="text-align: center ; ">
    <p align="center">
    &copy; Powered by <a target="_blank" href="https://www.skyqian.com" >勿埋我心</a>
    <span>|</span>
    <a target="_blank" href="/@manage" >管理</a>
    </p>
    </div>

自动渐变色背景

     <!-- head -->
    
    <style>
    /*渐变背景CSS */
    #canvas-basic {
        position: fixed;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -999;
    }
    </style>
    
    
    <!-- body -->
    
    <!-- 渐变背景初始化 -->
    <canvas id="canvas-basic"></canvas> 
    <script src="https://npm.elemecdn.com/granim@2.0.0/dist/granim.min.js"></script>
    <script>
    var granimInstance = new Granim({
        element: '#canvas-basic',
        direction: 'left-right',
        isPausedWhenNotInView: true,
        states : {
            "default-state": {
                gradients: [
                    ['#a18cd1', '#fbc2eb'],
                     ['#fff1eb', '#ace0f9'],
                     ['#d4fc79', '#96e6a1'],
                     ['#a1c4fd', '#c2e9fb'],
                     ['#a8edea', '#fed6e3'],
                     ['#9890e3', '#b1f4cf'],
                     ['#a1c4fd', '#c2e9fb'],
                     ['#fff1eb', '#ace0f9']
               
                ]
            }
        }
    });
    </script>

自定义壁纸&列表透明

    
    <!-- 自定义壁纸&列表透明 -->
    <style>
    .hope-ui-light{
      background-image: url("https://pan.luodage.com/d/%E9%98%BF%E9%87%8C/%E5%9B%BE%E7%89%87/20220208160435.png?sign=s51WmrUpIPHJbi2OY2epMw1KTACwbpbCBlVhWoHet7c=:0") !important;
      background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center;
    }
    .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
    background-color: rgba(255, 255, 255, 0.3) !important;
    }
    .hope-c-PJLV.hope-c-PJLV-ikSuVsl-css{
    background-color: rgba(255, 255, 255, 0.3) !important;
    }
    .hope-c-PJLV-ibQHdvJ-css{
    background-color: rgba(255, 255, 255, 0.3) !important;
    }