使用软路由结合Alist搭建个人网盘

使用Alist搭建的个人网盘,效果如下:

  • 底部添加了看板娘,支持添加站点公告(非项目自带,需后期添加)

  • 支持调用Potplayer等第三方播放器,支持加载视频字幕

  • 支持调用Aria2离线下载,支持挂载各大网盘,那么如何搭建?本文从零开始告诉你!

QQ截图20230621211119

设备选择

你可以购买软路由或者Linux服务器,笔者使用的是R2s,体积小巧,价格也很美丽,适合新手使用,Linux服务器的操作大同小异,本视频使用软路由搭建。

下载固件

笔者目前正在使用的是骷髅头的固件,插件多,支持Docker,稳定性好。

骷髅头已删库,笔者目前在用openwrt.ai定制专属固件,挺稳定的。

该固件疑似有后门,先弃用,目前我正在使用immortalwrt

由于后期要进行端口映射,所以推荐下载带docker的版本,一行命令解决

刷入固件

刷入固件推荐使用Rufus或balenaEtcher,来到主页,选择下载好的固件及TF卡,点击开始稍等片刻即可。

配置软路由及Alist

依据你定制固件的信息进入软路由后台,建议在Web管理中修改管理员密码。

来到网络存储-Alist文件管理,点击启用后点击“允许从外网访问”,保存应用。

本文以阿里云盘为例来添加网盘。

进入

https://alist.nn.ci/tool/aliyundrive/request.html

登录你的阿里云盘账号后点击允许,然后就能获得你的刷新令牌。(保存好待会要用)

image-20230707163811285

image-20230707171847209

来到Alist管理页,点击存储,添加,驱动选择阿里云盘Open,挂载路径可以随意,刷新令牌填写刚才获取到的,移除方式随意,添加即可。

image-20230707171706540

使用端口映射将Alist挂载至公网

我是穷逼站长,只好用端口映射力)端口映射推荐使用OpenFrp,免费流量多,注册账号不多赘述,来到创建隧道页,类型选择HTTPS,本地地址填写192.168.11.1,本地端口填写5244,绑定域名填写你的个人域名,远程端口可随意。

image-20230707172209952

在OpenFrp的软件下载页使用docker run命令运行。

docker run -d --name of openfrp/frpc:latest -u <访问密钥> -p <隧道ID>

建议将重启策略改为always以保持后台运行。

套用cloudflareCDN

来到OpenFrp的配置文件页,选择你的节点,复制server_addr后的地址。

image-20230707172329499

在Cloudflare后台内添加CNAME解析。(图是以前截的,就那意思罢)

image-20230707172718026

稍等片刻后即可通过个人域名访问网站。

至此,你的个人网盘已经搭建完成,Enjoy!

美化

看板娘:

在Alist后台→设置→全局→自定义内容填写

1
<script src="https://fastly.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>

这是我现在用的美化代码,填写至自定义内容处,有背景图和blur

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<style>
/*白天背景图*/
.hope-ui-light
{
background-image: url("https://www.loliapi.com/acg/") !important;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position-x: center;
}

<style type="text/css">
.footer {
display: none !important;
}

.obj-box {
border-radius: 15px !important;
backdrop-filter: blur(3px); /*文件夹列表模糊值*/
}

.hope-ui-light .obj-box {
background-color: #ffffffB0 !important;
}

.hope-c-PJLV .hope-c-PJLV-ikSuVsl-css,
.hope-c-PJLV .hope-c-PJLV-ibtHApG-css {
border-radius: 15px !important;
background-color: #ffffffB0 !important;
backdrop-filter: blur(3px); /*底部元信息模糊值*/
}
</style>