晓风残月

およそ 3 週間前、私はvscode 画像の自動アップロードを Dogedoge にする方法を記録した記事を書きました。しかし、この期間の使用中に、その制限性に気付きました：アクセス権の制限のため、この拡張機能はクリップボードの一時的な写真のみをアップロードでき、コピーしたローカルの写真を正常にアップロードできません。具体的な問題は、アップロードされた画像が空であることです。

これにより、他の方法を試してみることにし、最終的には vs-picgo に切り替えることにしました。

vs-picgo の使用#

最初の記事でも言及しましたが、vs-picgo の README.md ファイルには、PicGo-Core がサポートする 8 種類の画像ホスティングサービス（weibo、qiniu、tcyun、upyun、github、aliyun、imgur、SM.MS）のみをサポートしており、プラグインシステムはまだ開発中であると書かれています。

vs-picgo は、PicGo-Core がサポートする 8 種類の画像ホスティングサービス（weibo、qiniu、tcyun、upyun、github、aliyun、imgur、SM.MS）をサポートしています。PicGo-Core のプラグイン機能は開発中です。

この表現のため、私は最初の記事の後に探索を放棄しました。しかし、今回手動でインストールして試してみると、開発者の意図を誤解していた可能性があることに気付きました。

vs-picgo の設定を注意深く見ると、Config path という設定項目があり、その説明は次のようになっています：Picgo-Core の設定へのパス。指定されていない場合、Picgo は Picgo: Pic Bed を使用します。 つまり、この拡張機能自体の設定を上書きするために、Picgo Core の設定ファイルの場所を指定することができるようになりました。その結果、Picgo Core のサードパーティプラグインを使用することができるようになります。vs-picgo のプラグインシステムがまだ開発中である可能性は、おそらくグラフィカルな設定のみであるということです...

これが明確な目的です。Picgo Core をインストールし、適切な設定を行い、最終的には拡張機能で設定ファイルのパスを指定するだけです。

Picgo Core のインストール#

README.mdを参考に、グローバルインストールは次のコマンドで行います：

yarn global add picgo
# または
npm install picgo -g

Picgo Core の設定#

Dogedoge にアップロードするために、web-uploader プラグインをインストールして設定する必要があります。

picgo install web-uploader
picgo config uploader

? Choose a(n) uploader # web-uploaderを選択
? APIアドレス # アップロード先のアドレスを入力
? POSTパラメータ名 # file
? 画像URLのJSONパス(例：data.url) # data.o_url
? カスタムリクエストヘッダー 標準JSON（例：{"key":"value"}） # 空白のまま
? カスタムボディ 標準JSON（例：{"key":"value"}） # 空白のまま

picgo use uploader

? Use an uploader # web-uploaderを選択

設定が完了したら、picgo upload /path/to/an/imageコマンドで正常にアップロードできるかテストすることができます。アップロードが成功した場合、設定に問題はありません。

vs-picgo の設定#

最後のステップは、vs-picgo の設定で picgo core の設定ファイルを指定するだけです。公式ドキュメントを参照してください：

picgo のデフォルトの設定ファイルは～/.picgo/config.json です。ここで、~ はユーザーディレクトリを表します。異なるシステムではユーザーディレクトリが異なる場合があります。

Linux と macOS の場合、~/.picgo/config.json です。

Windows の場合、C:\Users\YourUserName.picgo\config.json です。

例えば、GNU/Linux の場合の設定は以下の通りです：

vs-picgo の使用#

最後に使い方です。デフォルトのショートカットキーは次のとおりです：