宝塔面板を使用して autoPicCdn 画像ホスティングツールをインストールする

多くの仲間が個人のウェブサイトやブログを作成する際に、さまざまな画像ホスティングツールを利用しています。記事を書くときに画像を挿入する必要があるため、私も例外ではありません。これまで使用してきたツールを振り返ってみましょう。

最初は無料の画像ホスティングサイトを探しました。例えば sm.ms などですが、後に安全性と安定性を考慮してこの方法を放棄しました。
次に、GitHub や Gitee のリポジトリに保存しました（欠点は GitHub のアクセス速度が少し気まずいこと、Gitee は実際にはかなり良いですが、使うときに少し変な感じがします）。
阿里云 OSS ストレージバケット（使いやすいですが、picgo ソフトウェアと組み合わせると、年間わずか 9.9 ですが、リンクが少し気まずく、直接ダウンロードできず、右クリックで画像にアクセスできません。解決策を探しましたが、面倒だと思って放置していました。今でもそこに置いてあります）。
その後、自分のサーバーにウェブサイトを作成し、画像をそこに置いて、使用するときに直接リンクを参照しました（欠点はアップロードが非常に面倒で、画像がメモリを占有しすぎてサーバーのパフォーマンスに影響を与えることです）。
そして、今日のメインイベントである autoPicCdn、オープンソースソフトウェアです。

これは GitHub を基にした画像ホスティング機能を実現しており、後に jsdelivr を使用してリソースを加速できることを知りました。autoPicCdn はこの機能を基に実現されています。

今日は宝塔面板を使用して autoPicCdn を設定するプロセスについて説明します！

準備作業#

GitHub リポジトリにアクセスして、リソースをローカルにダウンロードします。
https://github.com/yumusb/autoPicCdn

GitHub で新しいリポジトリを作成し、自由に名前を付けます。私のは shuxhan/pic-cdn で、シンプルでわかりやすいです。
このページに行きます https://github.com/settings/tokens そして書き込み権限のあるトークンを生成します（repo：プライベートリポジトリの完全な制御と writeにチェックを入れ、確認をクリックするとトークンコードが生成されます。これを覚えておいてください。できればメモ帳にコピーしてください。そうしないと、ページをリフレッシュすると表示されなくなります）。

その後、解凍します。

サーバーへのアップロード#

まず、自分のドメインを利用して新しいサイトを追加します。例えば、私が使用しているのは img.shuxhan.com で、その後データベースを作成します。

サイトが正常に作成されたら、ディレクトリに入り、デフォルトで生成されたファイルを削除し、アップロードをクリックして、先ほど解凍したファイルを見つけてアップロードします。

設定ファイル#

ディレクトリ内の up.php 設定ファイルを見つけます。

以下の 2 つの場所を設定します。具体的な内容はコード内にあります。

//必須項目
define("TYPE","GITHUB");//GitHubを選択
//define("TYPE","GITEE");//Giteeを選択する場合、手動でmasterブランチを作成する必要があります。ここを参照できます https://gitee.com/help/articles/4122

define("USER","shuxhan");//あなたのGitHub/Giteeのユーザー名

define("REPO","pic-cdn");//上記のユーザー名の下の公開リポジトリである必要があります

define("MAIL","[email protected]");//メールは特に関係ありません、適当に書いてください

define("TOKEN","971b0a96ff5af545d5fe081f829cf5542007e70b");
// GitHubではこのページに行きます https://github.com/settings/tokens そして書き込み権限のあるトークンを生成します（repo：プライベートリポジトリの完全な制御とwrite:packagesにチェックを入れます）
// giteeではこのページに行きます https://gitee.com/personal_access_tokens

//データベース設定ファイル
//現在のディレクトリ内のpic.sqlをデータベースにインポートしていることを確認してください
$database = array(
    'dbname' => 'img',//あなたのデータベース名
    'host' => 'localhost',
    'port' => 3306,
    'user' => 'img',//あなたのデータベースユーザー名
    'pass' => 'img',//あなたのデータベースユーザー名に対応するパスワード
);

そして最も重要なステップは、ディレクトリ内の pic.sql を先ほど作成してリンクしたデータベースにインポートすることです。まず、pic.sql ファイルを右クリックしてコピーし、パスに入ります。

貼り付けをクリックします。

テストアクセス#

ブラウザを開き、バインドされたサイトを入力します。

そして、適当にスクリーンショットを撮り、アップロードウィンドウにドラッグします。アップロード成功が表示され、下に画像のリンクが表示されます。Markdown をコピーして、記事を書くときに使用できます！

jsdelivr を使用して加速した結果は非常に満足のいくもので、今後は GitHub + jsdelivr + autoPicCdn を使用して画像ホスティングツールを作成することに決めました！