banner
leenut

leenut

email
github

Alist:搭建屬於你的自有網盤

Alist 是一款簡潔、高效、開源的多網盤掛載工具。通過 Alist,可以輕鬆整合多個網盤資源,統一管理並實現跨平台訪問。本文將介紹如何下載、啟動 Alist,如何掛載網盤以及如何對 Alist 進行設置和頁面美化。

image

一、如何下載 Alist?#

  1. 訪問官網
    前往 Alist 官方 GitHub 頁面 下載最新版本。GitHub 提供各個平台(如 Windows、macOS、Linux)的預編譯二進制文件,方便不同用戶快速部署。

  2. 選擇對應版本

    • Windows 用戶:下載 alist-windows-amd64.exe(或根據 CPU 架構選擇合適的版本)。
    • macOS 用戶:下載 alist-darwin-amd64
    • Linux 用戶:選擇 alist-linux-amd64alist-linux-arm64(適用於樹莓派等 ARM 設備)。
  3. 解壓與安裝

    • 下載後解壓縮文件(如 .zip.tar.gz)。
    • 將解壓後的文件放置到您指定的目錄中,方便管理。

二、如何啟動 Alist?#

  1. 運行程序

    • Windows:使用終端運行命令:
         /alist.exe server
      
    • macOS/Linux:使用終端運行命令:
          ./alist
      
  2. 訪問管理頁面
    啟動後,終端會顯示 Alist 的默認訪問地址(例如:http://127.0.0.1:5244)。打開瀏覽器並訪問該地址。

  3. 初始化設置

    • 第一次啟動會提示設置管理員賬號和密碼,用於後續登錄管理頁面。
    • 設置完成後即可進入 Alist 的主界面。

三、如何掛載網盤?#

  1. 登錄管理頁面
    在瀏覽器中訪問 Alist 的管理地址,輸入管理員賬號和密碼進行登錄。

  2. 添加存儲服務

    • 點擊管理頁面左側菜單欄中的 “掛載” 選項。
    • 選擇您需要掛載的網盤類型,例如:Google Drive、OneDrive、阿里雲盤等。
    • 填寫相關的 API 授權信息或網盤的賬戶登錄信息。
    • 完成配置後,點擊 “保存” 並測試掛載是否成功。
      具體操作請看官方文檔:https://alist.nn.ci/zh/
  3. 驗證掛載

    • 如果掛載成功,您可以在主頁面中查看網盤的目錄結構和文件內容。
    • 支持文件的快速預覽和下載。

四、如何設置 Alist 以及頁面樣式美化?#

  1. 基本設置

    • 在管理頁面中,點擊左側 “設置” 選項,調整基本配置。
    • 重要配置包括:
      • 端口設置:修改默認訪問端口(如從 5244 改為 8080)。
      • 公開訪問:設置訪問權限(公開、私密或特定密碼訪問)。
      • 存儲緩存:為提升性能,可開啟文件緩存功能。
  2. 頁面樣式設置

    • 主題切換:進入 “設置> 全局” 頁面,自定義 css 樣式。
      我的樣式:
      image
      自定義頭部
<!-- 詩詞功能/head */ -->
<script src="https://polyfill.io/v3/polyfill.min.js?features=String.prototype.replaceAll"></script>
    <footer id="footer" role="contentinfo">
    <span id="jinrishici-sentence" style="color:black; font-size:32px">正在加載今日詩詞....</span>
    <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

<style> 
/* 白天和夜間背景圖 */
 .hope-ui-light {
    /* background-image: url("http://pic.rmb.bdstatic.com/bjh/7569b014a1abafd5481298763300ae1d.png") !important; */
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    background-position-x:center;
}
 .hope-ui-dark {
    /* background-image: url("http://pic.rmb.bdstatic.com/bjh/ebe942a9de49856f389c65f25a338335.png") !important; */
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    background-position-x:center;
}

/*主列表白天模式透明*/
 .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(5px)!important;
}
/*主列表夜間模式透明*/
 .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css {
    background-color:rgb(0 0 0 / 50%) !important;
    backdrop-filter: blur(5px)!important;
}
/*readme白天模式透明*/
 .hope-c-PJLV.hope-c-PJLV-ikSunt;
}
/* 去除公告關閉按鈕 */
.notify-render .hope-close-button {
display: none;
}
</style>

<!--延遲加載-->
<div id="customize" style="display: none;">
<div>
<br />
<center>
<div>
<span class="nav-item">
<a class="nav-link" href="" target="_blank" style="color:black;">
blog|
</a>
</span>
<!--後台入口-->
<span class="nav-item">
<a class="nav-link" href="/@manage" target="_blank" style="color:black;">
Manage
</a>
</span>Vsl-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(5px)!important;
}
/*readme夜間模式透明*/
 .hope-c-PJLV.hope-c-PJLV-iiuDLME-css {
    background-color:rgb(0 0 0 / 50%) !important;
    backdrop-filter: blur(5px)!important;
}

/*頂部右上角切換按鈕透明*/
 .hope-ui-light .hope-c-ivMHWx-hZistB-cv.hope-icon-button {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(5px)!important;
}
.hope-ui-dark .hope-c-ivMHWx-hZistB-cv.hope-icon-button {
    background-color:rgb(0 0 0 / 70%) !important;
    backdrop-filter: blur(5px)!important;
}

/*右下角側邊欄按鈕透明 第一个是白天 第二個是夜間*/
 .hope-ui-light .hope-c-PJLV-ijgzmFG-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(5px)!important;
}
.hope-ui-dark .hope-c-PJLV-ijgzmFG-css {
    background-color:rgb(0 0 0 / 70%) !important;
    backdrop-filter: blur(5px)!important;
}

/*白天模式代碼塊透明*/
 .hope-ui-light pre {
    background-color: rgba(255, 255, 255, 0.4)!important;
    backdrop-filter: blur(10px)!important;
}
/*夜間模式代碼塊透明*/
 .hope-ui-dark pre {
    background-color: rgba(255, 255, 255, 0)!important;
    backdrop-filter: blur(10px)!important;
}

/*左側側邊欄目錄*/
/*白天模式*/
 .hope-ui-light .hope-c-PJLV-ieGWMbI-css {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(5px)!important;
}
/*夜間模式*/
 .hope-ui-dark .hope-c-PJLV-ieGWMbI-css {
    background-color:rgb(0 0 0 / 60%)!important;
    backdrop-filter: blur(5px)!important;
}
/* 返回頂部 */
 .hope-c-PJLV-ihVEsOa-css {
    background: rgba(255, 255, 255, 0.8) !important;
}
.hope-ui-dark .hope-c-PJLV-ihVEsOa-css {
    background-color:rgb(0 0 0 / 70%)!important;
}

/*正常情況未使用吸附功能*/
/*導航條*/
/*白天模式*/
 .hope-ui-light .hope-c-PJLV-idaeksS-css {
    background-color: rgba(255, 255, 255, 0.5)!important;
    border-radius: 10px !important;
    backdrop-filter: blur(5px)!important;
}
/*夜間模式*/
 .hope-ui-dark .hope-c-PJLV-idaeksS-css {
    background-color:rgb(0 0 0 / 60%)!important;
    border-radius: 10px !important;
    backdrop-filter: blur(5px)!important;
}
/*頂欄*/
 .hope-c-PJLV-ikaMhsQ-css {
    background: rgba(255, 255, 255, 0) !important;
}
/* 吸附到頁面頂部 */
/*頂部*/
 .hope-c-PJLV-icWrYmg-css {
    background: rgba(255, 255, 255, 0) !important;
}
/*導航條*/
 .hope-c-PJLV-icKsjdm-css::after {
    background: rgba(255, 255, 255, 0) !important;
}
/*白天模式*/
 .hope-ui-light .hope-c-PJLV-icKsjdm-css {
    background-color: rgba(255, 255, 255, 0.5)!important;
    border-radius: 10px !important;
}
/*夜間模式*/
 .hope-ui-dark .hope-c-PJLV-icKsjdm-css {
    background-color:rgb(0 0 0 / 50%)!important;
    border-radius: 10px !important;
}

/*僅吸附導航欄*/
/*導航條*/
.hope-c-PJLV-ifdXShc-css::after {
    background: rgba(255, 255, 255, 0) !important;
}
/*白天模式*/
 .hope-ui-light .hope-c-hrsMRY {
    background-color: rgba(255, 255, 255, 0.5)!important;
    border-radius: 10px !important;
}
/*夜間模式*/
 .hope-ui-dark .hope-c-hrsMRY {
    background-color:rgb(0 0 0 / 50%)!important;
    border-radius: 10px !important;
}

/*漸變背景CSS */
#canvas-basic {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -999;
}
</style>

自定義內容

<!-- 漸變背景初始化 -->
<canvas id="canvas-basic"></canvas> 
<script src="https://npm.elemecdn.com/granim@2.0.0/dist/granim.min.js"></script>
<script>
var granimInstance = new Granim({
    element: '#canvas-basic',
    direction: 'left-right',
    isPausedWhenNotInView: true,
    states : {
        "default-state": {
            gradients: [
                ['#a18cd1', '#fbc2eb'],
                 ['#fff1eb', '#ace0f9'],
                 ['#d4fc79', '#96e6a1'],
                 ['#a1c4fd', '#c2e9fb'],
                 ['#a8edea', '#fed6e3'],
                 ['#9890e3', '#b1f4cf'],
                 ['#a1c4fd', '#c2e9fb'],
                 ['#fff1eb', '#ace0f9']
            ]
        }
    }
});
</script>

<style>
/* 去除底部 */
.footer {
display: none !important;
}
/* 移除本地設置中的 Aria2 */
.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikjnSaO-css {
display: none !important;
}
/* 移除下載選項 */
.hope-select__trigger.hope-c-kvTTWD.hope-c-huZphZ.hope-c-kvTTWD-hYRNAb-variant-filled.hope-c-kvTTWD-gfwxhr-size-md.hope-c-huZphZ-cIGthf-cv.hope-c-PJLV.hope-c-PJLV-ijSQbqe-css {
display: none !importa
</div>
</center>
<br />
<br />
</div>
<!--延遲加載範圍到這裡結束-->
</div>

<!--延遲加載配套使用JS-->
<script>
let interval = setInterval(() => {
if (document.querySelector(".footer")) {
document.querySelector("#customize").style.display = "";
clearInterval(interval);
}
}, 200);
</script>
  1. 開機自啟動設置(windows)
    創建並編輯 start-alist.bat 文件
powershell Start-Process -WindowStyle hidden -FilePath .\alist.exe server

將文件保存到 alist 的安裝目錄,創建快捷方式到C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Startup.


五、總結#

Alist 是一個非常實用的網盤整合工具,無需複雜的操作即可輕鬆管理多個網盤資源。通過本文的指導,您可以快速上手 Alist,並通過自定義設置和頁面美化打造屬於自己的高效網盤管理平台。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。