自動上傳圖檔到 imgur

為什麼要做這件事？

我們很常會遇到需要上傳圖檔到線上圖床的情況，那如果說可以直接把圖貼到編輯器就上傳是一件非常方便且很酷的事。

在 Imgur 上的操作

1. 獲取 client_id 跟 client_secret
   • 註冊一個新的 app
     • Authorization type 要選第二個
     • 
     • 提交後會出現 client_id 跟 client_secret
     • 複製起來吧
2. 獲取相簿 id
   • 新增相簿
     • 
   • 
   • 按下 Embed Album 會出現一段網址
   • 找 <a ...> 這段程式碼取 /a/ 後面這段英文字
   • 比如說 <a href="//imgur.com/a/NUtwROD"> 的相簿 id 就是 NUtwROD
   • 複製起來吧

VSCode 設定

1. 安裝附加元件
   • vscode-imgur
2. 設定
   • 按 cmd + shift + .
   • 輸入 User 可以打開設定。
   • settings.json

     {
         "vscode-imgur.client_id": "<你的 APP client_id>",
         "vscode-imgur.client_secret": "<你的 APP client_secret>",
         "vscode-imgur.album_id": "<相簿 id>",
         "vscode-imgur.preferUserUpload": true
     }
     

     Copy to clipboard

使用方式

• 找你要上傳的圖片
• 按右鍵選擇 複製圖片
• 到編輯器裡按下 cmd + alt + V
  • 第一次會需要驗證 PIN 碼
    • 
• 上傳完成