软件名称
OpenList
软件功能
云盘挂载
支持平台
- Linux(见官方支持)
- Android(第三方)
- Windows(见官方文档)
开源地址:
https://github.com/OpenListTeam/OpenList
部署&挂载文档:https://doc.oplist.org/
部署
部署教程见文档,这里不过多赘述了,很简单,有手就行(X) 实在不会找站长,免费远程搭建好。
推荐使用docker搭建,就是linux系统,安装宝塔,安装docker,命令拉取镜像,创建容器即可。
一些说明
锐评一下openlist,草台班子,稳定的东西老是搞来搞去的,特别是近期,openlist PR很乱,很多东西一直在改来改去,实在太浪费精力, openlist 也变得越来越臃肿,什么乱七八糟的功能都加,比如什么flash模拟器之类的,垃圾内容太多。可以观望一波ing
这里推荐一下备用,也是我在用的,叫:iNoi,上游仓库为OpenList
开源地址:https://github.com/li-peifeng/iNoi
主要是优化,精简openlist,有很多细节,自带毛玻璃效果
初始安装后固定密码为:
iNoi-PSWD
进入后台地址是:example.com/@manage,就是Url后面加上/@manage即可
iNoi-PSWD
进入后台地址是:example.com/@manage,就是Url后面加上/@manage即可
我在用的美化配置,开箱即用
进入后台-设置-全局
- 自定义头部(记得改背景图)
<!-- 引入 polyfill -->
<script src="https://polyfill.alicdn.com/v3/polyfill.min.js?features=String.prototype.replaceAll"></script>
<!-- 隐藏底部 -->
<style>
.footer {
display: none !important;
}
/* 背景设置 */
.hope-ui-dark, .hope-ui-light {
background-image: url('https://pic1.imgdb.cn/item/68cd73cd26c8421669c86fa9.jpg') !important;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
/*主列表白天模式透明*/
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */
-webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */
background-color: rgba(255, 255, 255, 0.3) !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
/*主列表夜间模式透明*/
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css {
backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */
-webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */
background-color: rgba(0, 0, 0, 0.3) !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
/*readme白天模式透明*/
.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css {
backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */
-webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */
background-color: rgba(255, 255, 255, 0.3) !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
/*readme夜间模式透明*/
.hope-c-PJLV.hope-c-PJLV-iiuDLME-css {
backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */
-webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */
background-color: rgba(0, 0, 0, 0.3) !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
/*顶部*/
#root > .header {
backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */
-webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */
background: rgba(255, 255, 255, 0); /* 透明背景色 */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
/*导航条*/
/*白天模式*/
.hope-ui-light .body > .nav {
background-color: rgba(255, 255, 255, 0.3);
border-radius: var(--hope-radii-xl);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
/*夜间模式*/
.hope-ui-dark .body > .nav {
background-color: rgba(0, 0, 0, 0.3);
border-radius: var(--hope-radii-xl);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
/*隐藏导航条遮罩*/
.body > .nav::after {
display: none;
}
/*右上视图切换菜单*/
/*白天模式*/
.hope-ui-light .hope-c-PJLV-iSMXDf-css {
backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */
-webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */
background: rgba(255, 255, 255, 0.3); /* 透明背景色 */
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
/*夜间模式*/
.hope-ui-dark .hope-c-PJLV-iSMXDf-css {
backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */
-webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */
background: rgba(0, 0, 0, 0.3); /* 透明背景色 */
border-radius: var(--hope-radii-xl);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
/*右下角侧边栏按钮透明 第一个是白天 第二个是夜间*/
.hope-ui-light .hope-c-PJLV-ijgzmFG-css {
backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */
-webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */
background-color: rgba(255, 255, 255, 0.3) !important;
}
.hope-ui-dark .hope-c-PJLV-ijgzmFG-css {
backdrop-filter: blur(10px); /* 毛玻璃效果的强度 */
-webkit-backdrop-filter: blur(10px); /* 为 Safari 浏览器添加兼容性 */
background-color: rgba(0, 0, 0, 0.5) !important;
}
/*白天模式代码块透明*/
.hope-ui-light pre {
background-color: rgba(255, 255, 255, 0.1) !important;
}
/*夜间模式代码块透明*/
.hope-ui-dark pre {
background-color: rgba(255, 255, 255, 0) !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;
}
/*全局字体*/
* {
font-family: 'DFHuaZongGB', sans-serif;
}
* {
font-weight: bold;
}
body {
font-family: 'DFHuaZongGB', sans-serif;
}
/*白天模式 搜索主体+毛玻璃*/
.hope-ui-light .hope-c-PJLV-iiBaxsN-css{
background-color: rgba(255,255,255,0.2)!important;
backdrop-filter: blur(10px)!important;
/*白天模式 搜索栏输入框+毛玻璃*/
.hope-ui-light .hope-c-kvTTWD-hYRNAb-variant-filled{
background-color: rgba(255,255,255,0.2)!important;
backdrop-filter: blur(10px)!important;
/*白天模式 搜索按钮+毛玻璃*/
.hope-ui-light .hope-c-PJLV-ikEIIxw-css{
background-color: rgba(255,255,255,0.2)!important;
backdrop-filter: blur(10px)!important;
padding: var(--hope-space-1)!important;
/*夜间模式搜索主体+毛玻璃*/
.hope-ui-dark .hope-c-PJLV-iiBaxsN-css{
background-color: rgb(0 0 0 / 10%)!important;
backdrop-filter: blur(10px)!important;
/*夜间模式搜索栏+毛玻璃*/
.hope-ui-dark .hope-c-kvTTWD-hYRNAb-variant-filled{
background-color: rgb(0 0 0 / 10%)!important;
backdrop-filter: blur(10px)!important;
/*夜间模式 搜索按钮+毛玻璃*/
.hope-ui-dark .hope-c-PJLV-ikEIIxw-css{
background-color: rgb(0 0 0 / 10%)!important;
backdrop-filter: blur(10px)!important;
padding: var(--hope-space-1)!important;
</style>
<style>
/* 调整控制区域布局,不隐藏任何元素 */
.art-controls-container {
display: flex;
justify-content: space-between;
.art-controls-right {
order: 1;
.art-controls-left {
order: 2;
/* 确保时间显示区域可见且位置正确 */
.art-time {
order: 0;
margin-right: auto;
</style>
<link rel="stylesheet" href="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.css">
<script src="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.js"></script>
<script src="https://npm.elemecdn.com/meting2@0.0.1/js/Meting.min.js"></script>
- 自定义内容:(计数器url记得填,不知道怎么填联系站长。建站时间记得改,最后几行的音乐组件中的url记得填真实直链。获取访问计数器:https://count.fufubox.com/
<div style="text-align: center; margin: 10px 0; line-height: 1;">
<img src="这里填访问计数器url链接"
alt="访问计数器"
loading="lazy"
style="display: inline-block; vertical-align: middle;">
</div>
<!-- 延迟加载 -->
<div id="customize" style="display: none;">
<div>
<br />
<center class="dibu">
<div style=" line-height: 20px;font-size: 9pt;font-weight: bold;">
<span>
"
<span style="color: #42A5F5; font-weight: bold;" id="hitokoto"> <!-- 一言颜色改为蓝色 -->
<a href="#" id="hitokoto_text" style="color: #42A5F5;"> <!-- 链接颜色同步修改 -->
"探索科技,启迪技能"
</a>
</span> "
</span>
</div>
<!-- 延迟加载JS -->
<script>
let interval = setInterval(() => {
if (document.querySelector(".footer")) {
document.querySelector("#customize").style.display = "";
clearInterval(interval);
}
}, 200);
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网站运行时间与访问量</title>
<style>
body {
text-align: center;
}
.nav-item div {
font-size: 16px;
color: #FF5722; /* 本站已苟活天数改为橙色 */
}
</style>
</head>
<body>
<span class="nav-item">
<div>
<span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span>
</div>
</span>
<script>
var now = new Date();
function createtime() {
var grt = new Date("03/01/2025 00:00:00");
now.setTime(now.getTime() + 250);
var days = (now - grt) / 1000 / 60 / 60 / 24;
var dnum = Math.floor(days);
var hours = (now - grt) / 1000 / 60 / 60 - (24 * dnum);
var hnum = Math.floor(hours);
if (String(hnum).length === 1) {
hnum = "0" + hnum;
}
var minutes = (now - grt) / 1000 / 60 - (24 * 60 * dnum) - (60 * hnum);
var mnum = Math.floor(minutes);
if (String(mnum).length === 1) {
mnum = "0" + mnum;
}
var seconds = (now - grt) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
var snum = Math.round(seconds);
if (String(snum).length === 1) {
snum = "0" + snum;
}
document.getElementById("timeDate").innerHTML = "本站已苟活" + dnum + "天";
document.getElementById("times").innerHTML = hnum + "小时" + mnum + "分" + snum + "秒";
}
setInterval(createtime, 250);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>一言展示</title>
<style>
#hitokoto {
font-size: 16px;
color: #42A5F5; /* 一言CSS颜色改为蓝色 */
}
</style>
</head>
<body>
<!--一言API-->
<script>
document.addEventListener('DOMContentLoaded', function() {
const script = document.createElement('script');
script.src = 'https://v1.hitokoto.cn/?encode=js&select=%23hitokoto';
script.onload = function() {
// 这里不需要额外操作,脚本加载后会自动设置#hitokoto的内容
};
document.body.appendChild(script);
});
</script>
</body>
</html>
<meting-js
name="明天会更好"
artist="卓依婷"
url="https://mikupan.com/f/OzKi1/%E6%98%8E%E5%A4%A9%E4%BC%9A%E6%9B%B4%E5%A5%BD%20-%20%E5%8D%93%E4%BE%9D%E5%A9%B7%20-%20128k.mp3"
cover="https://pic1.imgdb.cn/item/6868bf1be11be7de132539a3.png"
fixed="true">
</meting-js>
<center style="margin: 1rem 0;">
<span style="font-size: 16px; font-weight: bold; color: #409EFF;">友情链接:</span>
<a href="https://fufubox.com" target="_blank" style="color: #409EFF; font-weight: bold; margin: 0 8px;">无无无</a>
<span style="color: #888;">|</span>
<a href="https://fufubox.com" target="_blank" style="color: #409EFF; font-weight: bold; margin: 0 8px;">无无无2</a>
</center>
最后
如果搭建目的是对公分享,追求分享,稳定,不拉闸的话,推荐云盘:
- 星云网盘(已无)
- 星辰云盘:https://pan.szczk.top/aff/389 (0成本,免费的国内对象存储,国内各个省份速度不稳定,但由于是免费的,就不要太多事了。)
- Cloudflare R2对象存储(价格:0.015 美元/GB 存储,出口流量免费,优点:国内直连速度大概在1.5mb/s左右,不限制上传内容,除了呦)
- onedrive for business plan 2(一个月72元左右,容量最多可25t,基本很稳定,缺点是国内直连速度基本维持在500kb/s,有速度但不多,挂梯,速度可以拉满)
- 天翼云盘:(价格:一个月13左右,可以存一些小说,软件,音频等,别的就算了,稳定性还是可以的,挂载也非常简单,短时间内大量访问就算了,还是会风控的)
- 移动云盘:(比较稳定,之前做的下载站,用的这个,挂载软件库,挺稳定的)
- 豆包:(我之前做的下载站,用豆包挂载,一些小说,稳定性也可以)
以上这些都是我之前的下载站用到的存储
感谢读到这里,有部署和挂载云盘相关问题的欢迎加本站交流群或者评论,站长对于这个还是熟悉的
© 版权声明
本站所有内容均来源于网络,仅供学习与参考,请勿商业运营,严禁从事违法、侵权等任何非法活动,否则后果自负
如果用于其他用途,请购买正版支持作者,谢谢!若您认为「MIBOX.TOP」发布的内容若侵犯到您的权益,请联系站长邮箱:boxmoe@proton.me 进行删除处理。
本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。
THE END
暂无评论内容