背景#
画像を保存するためにサーバーを購入する必要がなく、画像リソースに簡単にアクセスできるツールとして、typora+PicGo の組み合わせがあります。
PicGo の複数の画像アップロードの設定#
例として、七牛クラウドを使用します:
公式ウェブサイト:https://portal.qiniu.com/
七牛クラウドには 10GB の無料ストレージスペースと 10GB の CDN 静的リソースアクセラレーションがあります。
注意:CDN の使用量が超過すると、追加料金が発生します。
この記事を参考にしてください:設定マニュアル | PicGo
PicGo の設定は以下のようになります:
個人キー:
スペース名:
私はカスタムスペース名をnxg-imgに設定しました。
ストレージ領域についてはこちらを参照してください:ストレージ領域_製品紹介_オブジェクトストレージ - 七牛開発者センター (qiniu.com)
画像の保存パス:
私は typora エディタを使用しているため、typoraディレクトリをカスタム設定しました。
注意:
カスタムドメインを使用する場合、無料の CDN は http プロトコルのみを提供するため、外部リンクドメインを入力する際は、https ではなく http を入力する必要があります。
URL のサフィックスは、七牛の画像処理ツールを使用する場合に使用されるいくつかの処理パラメータです。例えば、画像の最適化などです。
以下のようになります:
ドメインのバインド:
独自に購入したドメインがあれば使用できます。ない場合は、公式が提供するものを使用してください。
拡張#
GitHub の画像アップロードの設定
GitHub の画像アップロードを CDN で高速化する方法:
https://cdn.jsdelivr.net/gh/githubユーザー名/リポジトリ名@メインブランチ/
例:
https://cdn.jsdelivr.net/gh/imnxg/imgbeds@main/
gitee の画像アップロードの設定:
参考:https://github.com/lizhuangs/picgo-plugin-gitee-uploader.git
附件#
参考:
GitHub リポジトリ:Molunerfinn/PicGo