使用宝塔面板安装 autoPicCdn 图床工具

個人のウェブサイトやブログを作成する際、さまざまな画像ツールが必要になることがあります。記事を書く際には画像を挿入する必要がありますので、私も例外ではありません。以前使用していたツールをまとめてみましょう。

最初はいくつかの無料の画像ホスティングサイトを探しましたが、sm.ms などです。しかし、後でセキュリティと安定性のためにこの方法をやめました。
次に、github や gitee のリポジトリに保存しました（欠点は github のアクセス速度が少し遅いことですが、gitee は実際にはとても良いですが、使い方が少し奇妙です）。
Alibaba Cloud の OSS ストレージバケット（非常に便利で、picgo ソフトウェアと組み合わせて、1 年間でわずか 9.9 ドルですが、リンクが少し変です。直接ダウンロードすると、右クリックで画像にアクセスできません。解決策を検索しましたが、手間がかかると思って放置しています）。
その後、自分のサーバーにウェブサイトを作成し、画像をそこに保存し、使用する際には直接リンクを参照しました（欠点はアップロードが面倒で、画像がメモリを多く占有し、サーバーのパフォーマンスに影響を与えることです）。
そして、今日のメインイベント、autoPicCdn、オープンソースのソフトウェアです。

これも github をベースにして画像ホスティング機能を実現していますが、後で jsdelivr を使用してリソースを高速化できることを知りました。autoPicCdn はこの機能に基づいています。

今日は、宝塔パネルで autoPicCdn を設定する手順について説明します。

準備#

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

github で新しいリポジトリを作成し、自由に名前を付けます。私の場合は shuxhan/pic-cdn です。
このページ https://github.com/settings/tokensにアクセスして、書き込み権限のあるトークンを生成します（repo：Full control of private repositories と writeにチェックを入れ、OK をクリックすると、トークンが生成されます。覚えておいてください。最善の場合はメモ帳にコピーしておきます。ページを更新すると表示されなくなります）

それから解凍します。

サーバーにアップロード#

まず、自分のドメインを使用して新しいサイトを追加し、私は 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：Full control of private repositoriesとwrite:packagesにチェックを入れる）
// giteeはこのページ https://gitee.com/personal_access_tokens

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

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

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

アクセステスト#

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

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

jsdelivr を使用して高速化された結果は非常に満足です。これからは、github + jsdelivr + autoPicCdn を使用して画像ホスティングツールを作成することにしました！