Alist应该很多人很熟悉了,他是一个支持多种存储,支持网页浏览和 WebDAV 的文件列表程序,由 gin 和 Solidjs 驱动。简单的来说就是能够帮助你管理各种网盘应用,类似于CloudDrive,AList除了支持网盘存储之外,还支持对象存储,本地存储,FTP等等。
官网地址:点我打开
安装方法和使用教程大家可以查看官方文档,或者baidu搜索。这里主要分享一些有关自己搭建好后,如何修改界面版面详细相关。比如隐藏底部信息、添加修改备案信息等。
具体修改方法如下图:
一,登入你alist后台,选择“设置”----“全局”----在自“定义内容”栏以下代码:文字信息及链接修改你自己的
<!-- 隐藏底部信息alist&管理文字去除 --> <style> .hope-c-pjlv-idrwmww-css { display:none; } .hope-c-ihuhep { display:none; } .hope-c-pjlv-ihqbsph-css { display:none; } <!-- 添加备案信息 --> </style> <font color="#ff00ff00"> <link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-m/font-awesome/6.0.0/css/all.min.css" rel=" stylesheet "> <div id="customize" style="display:none; text-align:center; "> <br /> <div style="font-size:15px; "> <span> <a href="https://xbyun.tk/" target="_blank"> <i class="fa-solid fa-copyright" style="color:#9932cc" aria-hidden="true"></i> 咨询交流 | </a> </span> <span> <a href="https://zxbpan.top/" target="_blank"> <i class="fa fa-balance-scale" style="color:#9932cc; " aria-hidden="true"></i> 私云存储 | </a> </span> <span> <a href="https://alist.naspan.top:11099/@manage" target="_blank"> <i class="fa fa-heart" style="color:#9932cc; " aria-hidden="true"></i> 管理中心 </a> </span> </div> <br /> </div> <script> let interval = setinterval(() => { if (document.queryselector(".footer")) { document.queryselector("#customize").style.display = ""; clearinterval(interval); } },200); </script> </font> <!--看板娘 - 小黑猫--> <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/l2dwidget.min.js"></script> <script> l2dwidget.init({ "model": { jsonpath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json", <!--这里改模型,前面后面都要改--> "scale": 1 }, "display": { "position": "left", <!--设置看板娘的上下左右位置--> "width": 100, "height": 200, "hoffset": 0, "voffset": 0 }, "mobile": { "show": true, "scale": 0.5 }, "react": { "opacitydefault": 0.7, <!--设置透明度--> "opacityonhover": 0.2 } }); window.onload = function() { $("#live2dcanvas").attr("style", "position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;") } </script> </div>
二,以上代码拷贝到自定义内容中保存即可。
Alist--v3界面修改相关的其他代码
这里也整理了很多网上大佬分享的代码,提供以下地址供大家学习参考:
1,CSDN博客:Alist网盘美化常用代码V3专用
2,冰沐记博客:Alist V3网盘美化教程
3,Bilbil视频:Alist V3 美化教程
发表评论