banner
Geek

Geek

🧠在家居士 | 🥦素食者 | 🏃🏻马拉松爱好者 | 📡AI降临派 | 过🪜技术资深学者 | 🤖科技狂 | 📤更新狂🆅 https://www.igeekbb.com/
twitter
github

PicGo + uPic + Githubを使用して無料の画像ホスティングを構築する

787shots_so

イントロダクション#

xLog に来てから、ブログを書く習慣を身につけました。現在、xLog では画像のアップロードに制限はなく無料ですが、私は常にバックアップの習慣を持っており、逃げることを恐れています。Amazon S3 と Cloudflare R2 を比較しましたが、興味がある方はR2 vs S3をご覧ください。Cloudflare R2 のコストパフォーマンスが高く、無料で 10 GB も利用できますが、裏切られるのではないかと心配です。私は中国の IP アクセスの問題を考慮していないので、無料の Github に変更しました。安定性を比較しても、Github に勝るものはありません。総括すれば、"有备无患"(備えあれば憂いなし)です。

Github の画像ライブラリ#

リポジトリの作成#

Github アカウントを登録し、リポジトリを作成し、リポジトリ名を覚えておいてください。

トークンの作成#

  1. "Settings" をクリックします。

CleanShot2023-05-20at10.35.21@2x

  1. 左下の "<>Developer settings" を選択します。

image

  1. "Tokens (classic)" を選択し、"Generate new token (classic)" をクリックします。

CleanShot 2023-05-21 at 10.42.58@2x

  1. 必要に応じてコメントを入力し、必ず "repo" にチェックを入れます。

CleanShot 2023-05-20 at 10.44.07@2x

  1. トークンをコピーします。

CleanShot 2023-05-20 at 10.45.25@2x

以上で、Github の画像ライブラリの設定が完了しました。


PicGo#

PicGo のダウンロード#

プロジェクト名リンク
PicGo Githubhttps://github.com/Molunerfinn/PicGo
PicGo ダウンロードhttps://github.com/Molunerfinn/PicGo/releases

PicGo の設定#

PicGo の設定を開き、右側の設定ファイルを編集して Github を選択します。

CleanShot2023-05-20at13.27.03@2x

最初のステップで覚えたリポジトリ名(形式は userame/repo)とコピーしたトークンを入力し、確定します。

CleanShot2023-05-20at13.27.35@2x


uPic#

uPic のダウンロード#

プロジェクト名リンク
uPic  Githubhttps://github.com/gee1k/uPic
Homebrewbrew install bigwig-club/brew/upic --cask
Github ダウンロードhttps://github.com/gee1k/uPic/releases

uPic の設定#

設定で画像ホスティングサービスを選択し、左下の "+" ボタンで "Github" を選択します。

  • ユーザー名: Github のユーザー名。例:私の Github ページ https://github.com/gee1k のユーザー名は gee1k です。
  • リポジトリ名: アップロードするファイルを保存するリポジトリの名前。例:私のリポジトリのアドレスは https://github.com/gee1k/oss で、リポジトリ名は oss です。
  • ブランチ: ブランチ名。デフォルトはmasterですが、他のブランチの場合は事前に作成してからアップロードする必要があります。
  • トークン: Github のパーソナルアクセストークン(Personal access tokens)
  • ドメイン: デフォルトではドメインを設定する必要はありません。Github のデフォルトのアクセスアドレスが使用されます。リポジトリでpages機能を有効にし、カスタムドメインを設定した場合、ここでカスタムドメインを使用できます。
  • --- 引用 https://blog.svend.cc/upic/tutorials/github/

保存してください。

CleanShot2023-05-20at13.43.20@2x

jsDelivr のアクセラレーション#

jsdelivrの CDN アクセラレーションを使用する場合は、チェックを入れてください👇

リンクは以下のようになります。

https://cdn.jsdelivr.net/gh/geekbb/oss_img@×***

CleanShot2023-05-20at13.44.30@2x


Typora#

Typora の設定は非常に簡単で、PicGo を設定するだけで、Typora の設定で PicGo. app を選択するだけです。

CleanShot2023-05-20at13.55.06@2x

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