Alist: Build your own cloud storage

Alist is a simple, efficient, and open-source multi-cloud storage mounting tool. With Alist, you can easily integrate multiple cloud storage resources, manage them uniformly, and achieve cross-platform access. This article will introduce how to download and start Alist, how to mount cloud storage, and how to configure and beautify the Alist interface.

1. How to Download Alist?#

Visit the Official Website
Go to the Alist Official GitHub Page to download the latest version. GitHub provides precompiled binaries for various platforms (such as Windows, macOS, Linux), making it easy for different users to deploy quickly.
Choose the Corresponding Version
- Windows Users: Download alist-windows-amd64.exe (or choose the appropriate version based on CPU architecture).
- macOS Users: Download alist-darwin-amd64.
- Linux Users: Choose alist-linux-amd64 or alist-linux-arm64 (suitable for Raspberry Pi and other ARM devices).
Extract and Install
- After downloading, extract the files (such as .zip or .tar.gz).
- Place the extracted files in your specified directory for easy management.

2. How to Start Alist?#

Run the Program
- Windows: Run the command in the terminal:
```
   /alist.exe server
```
- macOS/Linux: Run the command in the terminal:
```
    ./alist
```
Access the Management Page
After starting, the terminal will display Alist's default access address (for example: http://127.0.0.1:5244). Open a browser and visit that address.
Initialize Settings
- The first time you start, you will be prompted to set up an administrator account and password for future logins to the management page.
- Once set up, you can enter Alist's main interface.

3. How to Mount Cloud Storage?#

Log in to the Management Page
Access Alist's management address in your browser and enter your administrator account and password to log in.
Add Storage Services
- Click on the "Mount" option in the left menu of the management page.
- Choose the type of cloud storage you want to mount, such as Google Drive, OneDrive, Alibaba Cloud Drive, etc.
- Fill in the relevant API authorization information or account login information for the cloud storage.
- After completing the configuration, click "Save" and test if the mount is successful.
  For specific operations, please refer to the official documentation: https://alist.nn.ci/zh/
Verify the Mount
- If the mount is successful, you can view the directory structure and file contents of the cloud storage on the main page.
- Supports quick preview and download of files.

4. How to Configure Alist and Beautify the Page Style?#

Basic Settings
- In the management page, click on the "Settings" option on the left to adjust basic configurations.
- Important configurations include:
  - Port Settings: Change the default access port (e.g., from 5244 to 8080).
  - Public Access: Set access permissions (public, private, or specific password access).
  - Storage Cache: To improve performance, you can enable file caching.
Page Style Settings
- Theme Switching: Go to "Settings > Global" to customize CSS styles.
  My Style:
  
  Custom Header

<!-- Poetry Function/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">Loading today's poetry....</span>
    <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

<style> 
/* Day and Night Background Images */
 .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;
}

/*Main List Day Mode Transparency*/
 .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;
}
/*Main List Night Mode Transparency*/
 .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 Day Mode Transparency*/
 .hope-c-PJLV.hope-c-PJLV-ikSunt;
}
/* Remove Announcement Close Button */
.notify-render .hope-close-button {
display: none;
}
</style>

<!--Lazy Load-->
<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>
<!--Admin Entry-->
<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 Night Mode Transparency*/
 .hope-c-PJLV.hope-c-PJLV-iiuDLME-css {
    background-color:rgb(0 0 0 / 50%) !important;
    backdrop-filter: blur(5px)!important;
}

/*Top Right Corner Toggle Button Transparency*/
 .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;
}

/*Bottom Right Sidebar Button Transparency First is Day Second is Night*/
 .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;
}

/*Day Mode Code Block Transparency*/
 .hope-ui-light pre {
    background-color: rgba(255, 255, 255, 0.4)!important;
    backdrop-filter: blur(10px)!important;
}
/*Night Mode Code Block Transparency*/
 .hope-ui-dark pre {
    background-color: rgba(255, 255, 255, 0)!important;
    backdrop-filter: blur(10px)!important;
}

/*Left Sidebar Directory*/
/*Day Mode*/
 .hope-ui-light .hope-c-PJLV-ieGWMbI-css {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(5px)!important;
}
/*Night Mode*/
 .hope-ui-dark .hope-c-PJLV-ieGWMbI-css {
    background-color:rgb(0 0 0 / 60%)!important;
    backdrop-filter: blur(5px)!important;
}
/* Back to Top */
 .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;
}

/*Normal Situation Without Using Sticky Function*/
/*Navigation Bar*/
/*Day Mode*/
 .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;
}
/*Night Mode*/
 .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;
}
/*Top Bar*/
 .hope-c-PJLV-ikaMhsQ-css {
    background: rgba(255, 255, 255, 0) !important;
}
/* Sticky to the Top of the Page */
/*Top*/
 .hope-c-PJLV-icWrYmg-css {
    background: rgba(255, 255, 255, 0) !important;
}
/*Navigation Bar*/
 .hope-c-PJLV-icKsjdm-css::after {
    background: rgba(255, 255, 255, 0) !important;
}
/*Day Mode*/
 .hope-ui-light .hope-c-PJLV-icKsjdm-css {
    background-color: rgba(255, 255, 255, 0.5)!important;
    border-radius: 10px !important;
}
/*Night Mode*/
 .hope-ui-dark .hope-c-PJLV-icKsjdm-css {
    background-color:rgb(0 0 0 / 50%)!important;
    border-radius: 10px !important;
}

/*Only Sticky Navigation Bar*/
/*Navigation Bar*/
.hope-c-PJLV-ifdXShc-css::after {
    background: rgba(255, 255, 255, 0) !important;
}
/*Day Mode*/
 .hope-ui-light .hope-c-hrsMRY {
    background-color: rgba(255, 255, 255, 0.5)!important;
    border-radius: 10px !important;
}
/*Night Mode*/
 .hope-ui-dark .hope-c-hrsMRY {
    background-color:rgb(0 0 0 / 50%)!important;
    border-radius: 10px !important;
}

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

Custom Content

<!-- Gradient Background Initialization -->
<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>
/* Remove Footer */
.footer {
display: none !important;
}
/* Remove Aria2 from Local Settings */
.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikjnSaO-css {
display: none !important;
}
/* Remove Download Options */
.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 !important;
}
</div>
</center>
<br />
<br />
</div>
<!--Lazy Load Range Ends Here-->
</div>

<!--Lazy Load Supporting JS-->
<script>
let interval = setInterval(() => {
if (document.querySelector(".footer")) {
document.querySelector("#customize").style.display = "";
clearInterval(interval);
}
}, 200);
</script>

Auto-start Settings (Windows)
Create and edit the start-alist.bat file

powershell Start-Process -WindowStyle hidden -FilePath .\alist.exe server

Save the file to the Alist installation directory and create a shortcut to C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Startup.

5. Conclusion#

Alist is a very practical cloud storage integration tool that allows you to easily manage multiple cloud storage resources without complex operations. With the guidance of this article, you can quickly get started with Alist and create your own efficient cloud storage management platform through custom settings and page beautification.