Alist在宝塔面板中的搭建,本地存储及阿里云盘Opne的设置
Alist
下载 :
- 使用宝塔Linux面板(详情可前往链接)中的软件商店进行傻瓜式下载(仅针宝塔面板生效的)
- 前往Alist官网获取更多详情,若想下载请移步此处
- 可使用1panel 平替宝塔面板,详情请点击此处查看安装教程,并前往软件商店进行安装
1panel/宝塔面板使用
在软件商店里点击alist,再点击启动即可 Docker的可以选择端口,例如12345,而不是Alist默认的5244
访问
复制<服务状态-alist控制台访问地址>中的链接打开即可,或者在所在服务器后输入端口(默认端口为:5244)
登陆
自己看
本地存储配置
点击正下方<管理>,进入"AList管理"页面,点击<存储>,点击<添加> 驱动选择<本机存储>(在蓝奏云,分秒帧之间) 挂载路径填入</“name”>格式(此处为网盘中显示的文件夹) 根文件夹路径填入</“RealName”>(此处为网盘读取的根目录,要填本地存在的文件夹) 其余不需要进行多余操作,记得选择排序即可 ### 查看: 点击左侧<主页>即可返回网盘主页,可以看到刚刚添加的文件夹 需要注意的是,挂载路径填入的最后一位,会表现为顶替 根目录的头路径
拓展:
可以重复上述<配置存储>操作建立多个文件夹 需要声明的是,每个存储只会读取一个根目录
设置用户访问:
在<Alist管理>界面中,点击<用户>,点击<guest-编辑>,启用即可
阿里云存储配置:
获取更多详细教程,请阅读官方教程 进入Alsit管理界面,选择存储,选择添加,驱动选择`阿里云盘Open`` 需要设置的如下:
挂载路径:
也就是网盘中显示的名字
云盘类型
- 资源库:指云盘内除备份文件夹以外的文件夹
- 备份盘:指云盘内的备份文件夹
- 根文件ID:指用网址表示的文件夹代码
获取方式:
通过网页进入阿里云盘,进入你要导入的文件夹,例如https://www.alipan.com/drive/file/all/25a,其中25a就是文件夹的代码(这个位置的代码即可),然后将此填入即可 刷新令牌: 点击此处进入获取 操作方式: 点击 Go to login,这时候如果已经在网页上登录了阿里云盘,则在跳转后点击允许,然后便会自动获得refreshToken,复制后填入即可
其他:
- 不建议启用 秒传 功能,此功能会预存储文件进服务器,会造成不必要的占用,属于是用空间换取时间
- 其余设置不重要,按喜好设置即可
- 保存后回到 主页 就能看到存储进的文件夹了
Alist美化
在Alist管理界面,点击设置,点击全局,注意看到自定义头部和自定义内容
可以去网上搜索Alist美化,然后去复制别人的 想自制的建议去搜索CSS文件相关教程,这里提供一个参考 下面内容中有可以参考的简化的头文件以及自定义内容,是一个渐变背景,也就是本人的网盘使用的简易背景 配置好后记得翻到最下面 保存
附件:本人使用的简易头文件及自定义内容
头文件
<script src="https://polyfill.io/v3/polyfill.min.js?features=String.prototype.replaceAll"></script>
<link rel="stylesheet" href="https://npm.elemecdn.com/[email protected]/lxgwwenkai-regular.css" />
<style>
.notify-render .hope-close-button{
display: none;
}
#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;
}
#root > .header {
background: rgba(255, 255, 255, 0);
}
.hope-ui-light .body > .nav {
background-color: rgba(255, 255, 255, 0.2);
border-radius: var(--hope-radii-xl);
}
.hope-ui-dark .body > .nav {
background-color: rgb(0 0 0 / 50%);
border-radius: var(--hope-radii-xl);
}
.body > .nav::after {
display: none;
}
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css{
background-color:rgb(0 0 0 / 50%) !important;
}
.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;
}
.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;
}
*{font-family:LXGW WenKai}
*{font-weight:bold}
body {font-family: LXGW WenKai;}
</style>
自定义内容:
<canvas id="canvas-basic"></canvas>
<script src="https://npm.elemecdn.com/[email protected]/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>