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 です。