搜索 登录
AList集成网盘网站列表程序
统计
  • 文章总数：248 篇
  • 评论总数：624 条
  • 分类总数：7 个
  • 最后更新：4月2日

AList集成网盘网站列表程序

喜闻乐见 / / 0 评论 / 514 阅读 /0 赞
作者有点忙，还没写简介
本文阅读 2 分钟
首页 › 建站项目 › 正文
AList是基于golang最好的http框架gin和vue、ant design技术开发的阿里云盘目录文件列表程序。用户可以通过服务器部署并获取阿里云盘的refresh_token来实现对接，同时可以使用Js脚本调整页面样式，例如控制页面为暗系、关闭下载按钮等。此外，用户还可以通过添加底部样式说明、鼠标点击出随机颜色的爱心等功能来增强页面体验。通过对页面样式进行调整，用户可以个性化定制自己的AList页面。
摘要由智能技术生成

简介：

AList是一款阿里云盘的目录文件列表程序，后端基于golang最好的http框架gin，前端使用vue和ant design。

项目地址：

https://github.com/Xhofe/alist
https://github.com/Xhofe/alist-web

服务器部署：
首先需要有一个服务器，对性能要求不高。打开宝塔：建一个网点，没有域名直接写服务器公网 ip 即可。

点击左侧的终端，进入 ssh 终端：输入如下命令：安装 Alist

  1. curl -fsSL "https://nn.ci/alist.sh" | bash -s install

放行端口：5244。否则会出现无法访问！

对接阿里云盘
这里需要获取阿里的 refresh_token（刷新令盘），注意一下。

使用Js脚本，控制页面样式一直为暗系，亮系很不美观。

  1. <script async id="default-theme" src="/js/alist-theme.js" theme="dark"></script>

alist-theme.js
来源：城通网盘 | 提取码：8188

关闭下载按钮，降低网站消耗。

  1. <style>

  2.             .footer span,

  3.             .footer a:nth-of-type(2) {

  4.                 display: none;

  5.             }

  6.             .line0{

  7.                 display: none;

  8.             }

  9.                     .css-neion{display: none;}

  10.         </style>

增加底部样式说明。

  1. <h1 style='text-align: center ; font-size: 18px;'>

  2.             Copyright© 2023

  3.         </h1>

  4. <br/>

鼠标点击出随机颜色的爱心:

  1. <!--鼠标点击出随机颜色的爱心-->

  2. <!DOCTYPE html>

  3. <html lang="en">

  4. <head>

  5.     <meta charset="UTF-8">

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">

  7.     <title>Document</title>

  8. </head>

  9.  

  10. <body>

  11.     <!-- 网页鼠标点击特效（爱心） -->

  12.     <script type="text/javascript">

  13.          ! function (e, t, a) {

  14.             function r() {

  15.                 for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e].el), s.splice(e, 1)) : (s[

  16.                         e].y--, s[e].scale += .004, s[e].alpha -= .013, s[e].el.style.cssText = "left:" + s[e].x +

  17.                     "px;top:" + s[e].y + "px;opacity:" + s[e].alpha + ";transform:scale(" + s[e].scale + "," + s[e]

  18.                     .scale + ") rotate(45deg);background:" + s[e].color + ";z-index:99999");

  19.                 requestAnimationFrame(r)

  20.             }

  21.             function n() {

  22.                 var t = "function" == typeof e.onclick && e.onclick;

  23.                 e.onclick = function (e) {

  24.                     t && t(), o(e)

  25.                 }

  26.             }

  27.  

  28.             function o(e) {

  29.                 var a = t.createElement("div");

  30.                 a.className = "heart", s.push({

  31.                     el: a,

  32.                     x: e.clientX - 5,

  33.                     y: e.clientY - 5,

  34.                     scale: 1,

  35.                     alpha: 1,

  36.                     color: c()

  37.                 }), t.body.appendChild(a)

  38.             }

  39.  

  40.             function i(e) {

  41.                 var a = t.createElement("style");

  42.                 a.type = "text/css";

  43.                 try {

  44.                     a.appendChild(t.createTextNode(e))

  45.                 } catch (t) {

  46.                     a.styleSheet.cssText = e

  47.                 }

  48.                 t.getElementsByTagName("head")[0].appendChild(a)

  49.             }

  50.  

  51.             function c() {

  52.                 return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math

  53.                     .random()) + ")"

  54.             }

  55.             var s = [];

  56.             e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e

  57.                 .mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) {

  58.                     setTimeout(e, 1e3 / 60)

  59.                 }, i(

  60.                     ".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"

  61.                 ), n(), r()

  62.         }(window, document);

  63.     </script>

隐藏右上角复制直链、下载切换布局等：

  1. <!--隐藏右上角-->

  2. <style>

  3. .css-neion{

  4.     display:none;

  5. }

  6. </style>

全白无框：

  1. <!--全白无框-->

  2. <style>

  3. .chakra-ui-light{

  4.   background-color: #FFFFFF;

  5. }

  6. .main-box {

  7.   border-radius: 15px !important;

  8.   box-shadow: unset !important;

  9. }

  10. .chakra-ui-light .main-box {

  11.   background-color: rgba(255,255,255,0.9) !important;

  12. }

  13. .chakra-ui-light .readme-box {

  14.   background-color: rgba(255,255,255,0.9) !important;

  15. }

  16. .readme-box {

  17.   border-radius: 15px !important;

  18.   box-shadow: unset !important;

  19. }

  20. </style>

底部网站运行时间：

  1. <!--开站时间开始-->       

  2. <center>

  3.         <br />

  4.   </span>

  5.             <span class="nav-item">

  6.                 <a class="nav-link" href="https://yfch.top" target="_blank">

  7.              <span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span> <script language="javascript"> 

  8.     var now = new Date();

  9.     function createtime(){

  10.         var grt= new Date("04/17/2022 00:00:00");/*---这里是网站的启用时间--*/

  11.         now.setTime(now.getTime()+250);

  12.         days = (now - grt ) / 1000 / 60 / 60 / 24;

  13.         dnum = Math.floor(days);

  14.         hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum);

  15.         hnum = Math.floor(hours);

  16.         if(String(hnum).length ==1 ){hnum = "0" + hnum;}

  17.         minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);

  18.         mnum = Math.floor(minutes);

  19.         if(String(mnum).length ==1 ){mnum = "0" + mnum;}

  20.         seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);

  21.         snum = Math.round(seconds);

  22.         if(String(snum).length ==1 ){snum = "0" + snum;}

  23.         document.getElementById("timeDate").innerHTML = "⏱️本站已稳定运行"+dnum+"天";

  24.         document.getElementById("times").innerHTML = hnum + "小时" + mnum + "分" + snum + "秒";

  25.     }

  26.     setInterval("createtime()",250); 

  27. </script>

去掉底部的管理文字：

  1. <!---去掉底部管理--->

  2. <style>

  3. .footer span,.footer a:nth-of-type(2){

  4.   display:none;

  5. }

  6. </style>

去掉底部的 Powered by Alist：

  1. <!--去掉底部Powered by Alist--->

  2. <style>

  3. .footer span,.footer a:nth-of-type(1){

  4.   display:none;

  5. }

  6. </style>

去掉底部Powered by Alist和管理文字：

  1. <!---去掉底部文字--->

  2. <style

  3. type="text/css"> .footer { 

  4. display: none !important; } 

  5. </style>
本文来自投稿，不代表本站立场，如若转载，请注明出处：
-- 展开阅读全文 --
斐讯K2P刷入Breed 、刷华硕padavan
« 上一篇 09-06
人间万般苦。哪样放过我！
下一篇 » 09-15

随机推荐

流浪地球，挺喜欢的一句话

只给某人看````

曲阜孔府 2014/10/02

华硕路由器RT-AC86U刷官改梅林固件

发表评论

  • 泡泡
  • 阿呆
  • 阿鲁
  • 蛆音娘

行为验证™ 安全组件加载中...

发表评论
让大家也知道你的独特见解 立即评论
以上留言仅代表用户个人观点，不代表官方立场


图床
音乐
API

标签TAG

最近回复

测试
5天前

不错~能用上

实用美观可翻转图片的区块代码-公众号卡片

爱情塔罗
4月17日

邯郸古城，值得一游

春节邯郸道！2025/02/04

爱情塔罗
4月6日

文章图片崩溃了，加载不上

Picseal在线照片水印处理

独元殇
4月2日

喂！请问右上角的那几个小姐姐出处在哪里啊？知道抖音 ID 不？？？

Picseal在线照片水印处理

相关链接
AI
AI在线
以确保在用户需要帮助时能够及时提供解答和技术支持
您好，这里是「乙未极客」，请问有什么能帮到您？