Jayden

はじめに#

以前、私の画像ホスティングは Cloudflare と Telegraph の二人の善人に基づいていました。私は彼らが私のブログよりも長く生きると思っていたので、これは長期的な解決策であり、十分に信頼できて使いやすく、最も重要なのは無料だと思っていました。

しかし最近、Telegram の CEO が逮捕され、韓国も検閲の問題で Telegram と対立しているため、影響を受けている可能性があります。Telegraph の画像ホスティングサービスは新しい画像をアップロードできなくなっており、古い画像はまだアクセス可能ですが、いつ使えなくなるかわかりません。

そこで、新しい画像ホスティングの解決策を探し始めました。私の期待は信頼性が高く使いやすく、できれば無料であることです。Cloudflare R2+PicGo+WebP Cloudはそのような解決策です。

この記事は主に **この記事を参考にしており、さらにWebP Cloud のカスタムドメインとTelegraph から R2 画像ホスティングへの画像移行 ** の内容も含まれています。

デプロイ#

私は、2024 年 9 月の時点で、私のデプロイ方法が有効であることを保証できます。

必要なもの#

1. Cloudflare アカウントとクレジットカードの紐付け（R2 を有効にするための必須条件）
2. ドメイン名（必須ではありませんが、あればより良いです）

さあ、始めましょう...

Cloudflare R2 を有効にする#

1. Cloudflare コンソールを開き、R2を選択します。ここで R2 の無料枠を見ることができ、同意して有効にします。
2. 新しいバケットを作成します（Create bucket）
   1. お好きな名前を入力します。例えば image。
   2. 希望する地域を選択します。例えば APAC。
   3. Create bucket をクリックして作成します。
3. 作成した image という名前のバケットをクリックします。
   1. ドメイン名がある場合は、setting に入り、Custom Domains を設定します（Cloudflare にドメインがある場合は、すぐに追加できます）。
   2. ドメイン名がない場合は、setting に入り、R2.dev subdomain の横にある Allow Access をクリックし、allow を入力します。これにより xxxxxx.r2.dev のアドレスが取得できます。
   3. これで画像をアップロードできるはずです。image バケットの Objects セクションで画像をアップロードしてテストできます。
4. ページの左側の R2 をクリックし、Overview に戻ります。Account details の下で、Account ID の下の Manage R2 API Tokens をクリックします。
   1. Create API token をクリックして新しい API トークンを作成します。
   2. 名前を付けます。例えば image-R2。
   3. Permission で Object Read & Write を選択します。
   4. Specify buckets で先ほど作成した image を選択します。
   5. Create API Token をクリックして作成します。
   6. PicGo に必要な情報が表示されます。Access Key ID、Secret Access Key、および endpoints が含まれます。これは一度だけ表示されるので、必ず保存してください。
5. これで、Cloudflare ダッシュボードでの操作は完全に終了しました。

PicGo の設定#

1. PicGoをダウンロードします。
2. インストール後、プラグイン設定をクリックし、s3 を検索して、作者が WayJam So のプラグインを見つけてインストールします。
3. 画像ホスティング設定に入り、Amazon S3 を見つけて、デフォルトの設定を追加または変更します。
   1. 画像ホスティングの設定名は自由に書きます。例えば r2。
   2. アプリケーションキー ID は Access Key ID です。
   3. アプリケーションキー は Secret Access Key です。
   4. バケット名 は設定したバケット名、ここでは image です。
   5. カスタムエンドポイント は endpoints です。
   6. カスタムドメイン は設定した Custom Domains または Cloudflare が割り当てた xxxxxx.r2.dev アドレスです。
   7. 確定をクリックします。
4. これで、PicGo を通じて画像をアップロードできるはずです。

WebP Cloud を使用してアドレスをプロキシする#

1. WebP Cloud Dashboardにアクセスし、ログインします。
2. 左側の Price セクションで無料枠を見ることができます。
3. 左側の Home セクションに入り、下にスクロールして Create Proxy をクリックします。
   1. お好きな地域を選択します。ここでは Hillsboro, OR を選択します。
   2. Proxy Name は自由に記入します。例えば R2-image。
   3. Proxy Origin URL に設定した Custom Domains または Cloudflare が割り当てた xxxxxx.r2.dev アドレスを入力します。
   4. Create をクリックして作成します。
   5. この時、xxxxxx.webp.li のアドレスが割り当てられます。
4. カスタムドメインを設定したい場合は、作成したプロキシに入り、Custom domain をクリックし、指示に従って DNS 設定に対応するエントリを追加します。しばらく待つと、Custom domain でカスタムドメインをアクティブにできるようになります。
5. 次に、PicGo で カスタムドメイン を WebP Cloud で設定したカスタムドメインまたは WebP Cloud が割り当てた xxxxxx.webp.li アドレスに変更する必要があります。

移行#

私は Telegraph の画像ホスティングに大量の画像を保持しており、それらをすべて R2 に移行したいと考えています。PicGo のプラグイン pic-migrater は良い選択肢で、開発者は Molunerfinn です。

1. プラグインをダウンロードした後、プラグイン設定をクリックし、プラグインの右下にある小さな歯車をクリックして、plugin - picgo-plugin-pic-migrater を設定します。
2. 新しいファイル名の接尾辞は自由に記入します。例えば _new。
3. 旧内容を書き込む新ファイル を no に設定すると、変換されたファイルは 元のファイル名_new.md と名付けられ、これらのファイルを簡単に確認できます。

ただし、特定の Markdown ファイルでは、pic-migrater が移行できない場合があります。まだ解決策はわかりません。私の方法は、孤立したファイルを一つずつ手動で処理することです。

終わりに#

これで言いたいことはすべてです。

この記事は Mix Space によって xLog に同期更新されました。元のリンクは https://xxu.do/posts/geek/Cloudflare-R2%2BPicGo%2BWebP-Cloud です。