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-amd64またはalist-linux-arm64(Raspberry Pi などの 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;">
ブログ|
</a>
</span>
<!--管理入口-->
<span class="nav-item">
<a class="nav-link" href="/@manage" target="_blank" style="color:black;">
管理
</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 を迅速に使い始め、カスタマイズ設定やページの美化を通じて、自分だけの効率的なクラウドストレージ管理プラットフォームを構築できます。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。