侧边栏壁纸

Alist自定义美化

  • 罗大哥 原创作品 11个月前
  • 网络 暂无标签~
  • 2.2k阅读0评论0点赞
  • 安装

    安装: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;
        }
    
    0

    —— 评论区 ——

    昵称
    邮箱
    网址
    取消