joe

joe

picgoを使用して、cloudflare R2ストレージに保存します。

目前 R2 は月に 10G の無料ストレージスペースと、トラフィックにも無料のクオータが提供されており、一般的な個人ブログには十分です。

R2 の価格#

無料(免費クオータ)有料 - 料金
ストレージ10 GB / 月$0.015 / GB - 月
クラス A の操作100 万リクエスト / 月$4.50 / 100 万リクエスト
クラス B の操作1000 万リクエスト / 月$0.36 / 100 万リクエスト

ストレージバケットの作成#

R2 を開設した後、R2 の画面に移動し、ストレージバケットの作成ボタンをクリックします(図 1)。

https://res-joe-blog.midware.dev/2023/04/c9ad6bf4e226f44a3b3778e87476a2bd.png

図 1

ストレージバケットの情報を入力します。

https://res-joe-blog.midware.dev/2023/04/755e192c33611eb66f038e97210be604.png

図 2

ストレージバケット名:必要に応じて入力してください。

位置:自動選択(つまり、ドロップダウンオプションなし)または自分の対象地域を選択できます。たとえば、対象ユーザーが中国やその周辺にいる場合は、アジア太平洋を選択できます。

アクセス:公開ネットワークアクセスを提供しない場合は無視できますが、提供する場合は、ストレージバケットの作成後に設定する必要があります。

入力が完了したら、ストレージバケットの作成ボタンをクリックして、ストレージバケットを作成します。公開ネットワークアクセスを提供する必要がない場合は、以下のストレージバケットの設定セクションをスキップできます。

ストレージバケットの設定#

https://res-joe-blog.midware.dev/2023/04/60c2c64d702d885dfd9f66c58766fc26.png

図 3

設定ページでは、パブリック URL アクセスとドメインが許可されていないことがわかります。これでパブリックネットワークアクセスを有効にします。設定ページでR2.dev サブドメインの横にあるアクセスを許可するボタンをクリックすると、パブリックネットワークアクセスが有効になります。この時点で、R2.dev サブドメインの横には、許可済みの緑色のラベルが表示されます。この時点で、Cloudflare は私たちにサブドメインを割り当てますが、リソースにアクセスするためにこのサブドメインを使用することはお勧めしません。Cloudflare の設定ページにもその理由が説明されています。

https://res-joe-blog.midware.dev/2023/04/be343fc945202d0aeae0f99a41619502.png

図 4

独自のドメインを持っている場合は、カスタムドメインにデフォルトで割り当てられた r2.dev サブドメインの代わりに自分のドメインを設定できます。

クロスオリジンを設定する必要がある場合は、CORS ポリシーの下で設定できます。

R2 API トークンの申請#

図 1 の右上にR2 API トークンの管理リンクがあります。このリンクをクリックすると、ページに移動し、右側にAPI トークンを作成ボタンが表示されます。作成ページでは、いくつかの設定を行う必要があります。

https://res-joe-blog.midware.dev/2023/04/bc5b89c938a92c5c3e227f6867bee50d.png

図 5

トークン名:必要に応じて変更してください。

権限:編集権限を選択し、PicGo のアップロードには編集権限が必要です。

TTL:このストレージバケット内のリソースの有効期間を選択します。必要に応じて選択してください。私自身は永久を選択しました。

クライアント IP アドレスフィルタリング:特別な制限がない場合は、デフォルトのままで問題ありません。

それから、API トークンの作成ボタンをクリックし、アクセスキー IDシークレットアクセスキーをメモしてください。

PicGo の設定#

無料でオープンソースのクロスプラットフォームで、強力なプラグインシステムを備えており、現在一般的なホスティングプラットフォームはほとんどすべてサポートしています。最新バージョンは公式ウェブサイトからダウンロードできます。

インストール後、プラグイン設定をクリックし、検索ボックスで S3 を検索し、最初のプラグインをインストールします。

https://res-joe-blog.midware.dev/2023/04/60e887ff8b08f512b1cac7ee3fca2498.png

図 6

画像ホスティングの設定

Amazon S3 を選択し、関連する設定を入力し、設定が完了したら画像をアップロードできます。

アクセスキー ID:アクセスキー ID
シークレットアクセスキー:シークレットアクセスキー
バケット:ストレージバケット名
ファイルパス:必要に応じて設定できます。詳細はプラグインページを参照してください。
リージョン:ストレージバケットを作成した地域
カスタムノード:図 3 のtestの下にあるもの
カスタムドメイン:あれば入力してください
bucketEndpoint:yes

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