晓风残月

大概三周前，我寫了一篇文章，記錄了 vscode 粘貼圖片自動上傳到多吉圖床的方法。但在這段時間的使用中，我逐漸發現了它的局限性：似乎由於訪問權限的限制，該擴展只能上傳剪貼板中的臨時照片，對於複製的本地照片無法正常上傳，具體表現是上傳的圖片為空。

這促使我嘗試其他的方法，並最終決定換用 vs-picgo 。

vs-picgo 使用擴展#

在第一篇文章中我也有提到， vs-picgo 的 README.md 文件中寫它只支持 picgo-core 官方支持的八種圖床，插件系統還未完工：

vs-picgo supports 8 kinds of image hosting services: weibo, qiniu, tcyun, upyun, github, aliyun, imgur and SM.MS, which are supported by PicGo-Core. And the plugin feature of PicGo-Core is working in progress.

正因為這個表述，我才放棄了對其的嘗試，有了第一篇文章之後的探索過程。然而這次手動安裝並試用後，我發現可能是我理解錯了開發者的意思。

仔細查看 vs-picgo 的設置，可以發現一個叫做 Config path 的配置項，說明內容為：The path to your Picgo-Core configuration. Picgo will use Picgo: Pic Bed if this is not specified. 也就是說，我們已經可以通過指定 Picgo Core 配置文件的位置來覆蓋掉該擴展本身的設置，進而使用 Picgo Core 的第三方插件了， vs-picgo 未完工的可能只是插件系統的圖形化配置而已...

既然如此，目的就很明確了。只需要安裝 Picgo Core 並進行相應配置，最終在擴展中指定配置文件路徑即可。

安裝 Picgo Core#

參考README.md，全局安裝只需要：

yarn global add picgo
# or
npm install picgo -g

配置 Picgo Core#

為了上傳到多吉圖床，我們需要安裝 web-uploader 擴展並配置。

picgo install web-uploader
picgo config uploader

? Choose a(n) uploader # 選擇web-uploader
? API地址 # 填寫你的上傳地址
? POST參數名 # file
? 圖片URL JSON路徑(eg: data.url) # data.o_url
? 自定義請求頭 標準JSON(eg: {"key":"value"}) # 留空
? 自定義Body 標準JSON(eg: {"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\ 你的用戶名.picgo\config.json。

例如 GNU/linux 下的配置：

使用 vs-picgo#

最後就是用法啦。默認的快捷鍵如下：