Docker部署Alist

官方文档 演示网站：https://pan.cddone.com

 

部署

部署Docker教程：https://bj.cddone.com/doc/14/

1、创建容器工作目录

mkdir /home/docker/alist && cd /home/docker/alist

2、创建容器yaml文件

vim docker-compose.yaml

• 指定镜像名称
• 设置容器名称
• 设置容器自启动
• 映射端口
• 映射配置文件路径
• 映射共享文件路径

version: '3.3'
services:
    alist:
        image: xhofe/alist
        container_name: alist
        restart: always
        ports:
            - '5244:5244'
        volumes:
            - '/home/docker/alist/conf.d:/opt/alist/data'
            - '/home/docker/alist/data:/mnt'
        environment:
            - PUID=0
            - PGID=0
            - UMASK=022

3、运行容器

docker-compose up -d

4、查看容器信息

docker ps

CONTAINER ID   IMAGE                      COMMAND                  CREATED        STATUS        PORTS                                                  NAMES
d8842a49b84a xhofe/alist:latest "/entrypoint.sh" 2 days ago Up 24 hours 0.0.0.0:5244->5244/tcp, :::5244->5244/tcp, 5245/tcp alist

5、初始化登录密码为admin

docker exec -it alist ./alist admin set admin

6、访问ip+端口测试

http://ip:5244

7、设置nginx反向代理

    server {
        listen  443 ssl;
        server_name pan.cddone.com;
        
        location / {
        proxy_redirect off;
        proxy_pass http://localhost:5244;
        proxy_set_header Host $http_host;
        proxy_set_header Range $http_range;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header If-Range $http_if_range;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        client_max_body_size 20000m;
        }
    }

8、界面美化

• 自定义头部（字体和透明度）

<!--引入字体，全局字体使用-->
<link rel="stylesheet" href="https://npm.elemecdn.com/[email protected]/lxgwwenkai-regular.css" />

<style>

/*白天背景图*/
.hope-ui-light{
  background-image: url() !important;
  background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center;
}
/*夜间背景图*/
.hope-ui-dark {
  background-image: url() !important;
  background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center;
}

/*渐变背景CSS*/
#canvas-basic {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -999;
    backdrop-filter: blur(10px)!important;
}

/*主列表夜间模式透明，50%这数值是控制透明度大小的*/
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css{
background-color:rgb(0 0 0 / 50%) !important;
}
/*readme夜间模式透明，50%这数值是控制透明度大小的*/
.hope-c-PJLV.hope-c-PJLV-iiuDLME-css{
background-color:rgb(0 0 0 / 50%) !important;
}
/*主列表透明*/
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
background-color: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(10px)!important;

}
/*readme透明*/
.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css{
background-color: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(10px)!important;
}
/*顶部右上角切换按钮透明*/
.hope-c-ivMHWx-hZistB-cv.hope-icon-button{
background-color: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(10px)!important;
}
/*右下角侧边栏按钮透明*/
.hope-c-PJLV-ijgzmFG-css{
background-color: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(10px)!important;
}

/*白天模式代码块透明*/
.hope-ui-light pre{
    background-color: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px)!important;
}
/*夜间模式代码块透明*/
.hope-ui-dark pre {
    background-color: rgba(255, 255, 255, 0) !important;
    backdrop-filter: blur(10px)!important;
}

/*白天模式 搜索主体+毛玻璃*/
.hope-ui-light .hope-c-PJLV-iiBaxsN-css{
   background: rgba(255,255,255,0.2)!important;
   backdrop-filter: blur(10px)!important;
}

/*白天模式 搜索栏输入框+毛玻璃*/
.hope-ui-light .hope-c-kvTTWD-hYRNAb-variant-filled{
   background: rgba(255,255,255,0.2)!important;
   backdrop-filter: blur(10px)!important;
}

/*白天模式 搜索按钮+毛玻璃*/
.hope-ui-light .hope-c-PJLV-ikEIIxw-css{
   background: rgba(255,255,255,0.2)!important;
   backdrop-filter: blur(10px)!important;
}

/*夜间模式搜索主体+毛玻璃*/
.hope-ui-dark .hope-c-PJLV-iiBaxsN-css{
    background: rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(10px)!important;
}

/*夜间模式搜索栏+毛玻璃*/
.hope-ui-dark .hope-c-kvTTWD-hYRNAb-variant-filled{
    background: rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(10px)!important;
}

/*夜间模式 搜索按钮+毛玻璃*/
.hope-ui-dark .hope-c-PJLV-ikEIIxw-css{
    background: rgb(0 0 0 / 10%)!important;
    backdrop-filter: blur(10px)!important;
} 

/*底部CSS，.App .table这三个一起的*/
dibu {
    border-top: 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.App {
    min-height: 85vh;
}
.table {
    margin: auto;
}


/* 去除通知栏 右上角 X */
.notify-render .hope-close-button{
    display: none;
}

/*去掉底部*/
.footer {
    display: none !important;
}
</style>

• 自定义内容

<div class="layui-footer" style="border-top: 1px ;text-align:center;margin-top:1px;width:100%;">
    <div style="margin-top:1px;padding-bottom: 1px;">



    <a href="https://cddone.com" target="_blank"> 我的导航 </a>
  | <a href="https://cddone.com/blog" target="_blank"> 我的博客 </a>
  | <a href="https://bj.cddone.com" target="_blank"> 我的笔记 </a>
  | <a href="https://pan.cddone.com" target="_blank"> 我的网盘 </a>
<br>
    <a href="https://tu.cddone.com" target="_blank"> 我的图床 </a>
  | <a href="https://jk.cddone.com" target="_blank"> 我的监控 </a>
  | <a href="https://tv.cddone.com" target="_blank"> 我的影院 </a>
  | <a class="nav-link" href="/@manage" target="_blank"> 用户登录 </a>
<br>
Copyright © 2023 CDDONE 打造便捷数字世界
    </div>
</div>