OpenList和iNoi(开源云盘挂载)

软件名称

OpenList

软件功能

云盘挂载

支持平台

  • Linux(见官方支持)
  • Android(第三方)
  • Windows(见官方文档)

开源地址:

https://github.com/OpenListTeam/OpenList

部署&挂载文档:https://doc.oplist.org/

部署

部署教程见文档,这里不过多赘述了,很简单,有手就行(X) 实在不会找站长,免费远程搭建好。

推荐使用docker搭建,就是linux系统,安装宝塔,安装docker,命令拉取镜像,创建容器即可。

一些说明

这里推荐一下备用,也是我在用的,叫:iNoi,上游仓库为OpenList

开源地址:https://github.com/li-peifeng/iNoi

主要是优化,精简openlist,有很多细节,自带毛玻璃效果

我在用的美化配置,开箱即用

进入后台-设置-全局

  • 自定义头部(记得改背景图)
<!-- 引入 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.fufubox.com

最后

如果搭建目的是对公分享,追求分享,稳定,不拉闸的话,推荐云盘:

  • 星云网盘(已无)
  • 星辰云盘: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左右,可以存一些小说,软件,音频等,别的就算了,稳定性还是可以的,挂载也非常简单,短时间内大量访问就算了,还是会风控的)
  • 移动云盘:(比较稳定,之前做的下载站,用的这个,挂载软件库,挺稳定的)
  • 豆包:(我之前做的下载站,用豆包挂载,一些小说,稳定性也可以)

以上这些都是我之前的下载站用到的存储

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容