關鍵字

寫博客，圖床，VsCode，PigGo，阿里云OSS

背景環境

我想把我在本地寫的markdown文檔直接搬到CSDN上和博客園上，但是圖片上傳遇到了問題。我需要手動到不同平臺上傳文件，非常耗費時間和經歷。
為了解決這個問題，我想到了圖床方案，我只需要把圖片鏈接放到我本地寫好的博客里面，然后復制粘貼就可以了。

原因分析

為了解決上傳博客手動上傳圖片的問題。

解決過程

首先，我對圖床的要求如下：

• 要好用，便于管理。
• 要安全，如果圖床服務商跑路了，那么我的博客可能都會涼涼。
• 要便宜，最好免費，但是往往免費的總是最貴的。

根絕我的要求，我嘗試了多種方案：

1. 使用Microsoft OneDrive，這個是win11自帶的，把圖片放到OneDrive的文件夾中就可以生成鏈接。免費，簡單，好用，但是等我實際使用時，就遇到了防盜鏈的問題。（防盜鏈：A網站直接引用B網站的鏈接，B網站會驗證訪問者的來源地址（即HTTP Referer字段），來決定是否允許訪問特定內容。如果來源地址不在允許列表內，訪問請求將被拒絕。）所以這個方法無效。
2. 我自己有云服務器，但是網絡在新加坡，要是我用我的云服務器作為圖床，經常被訪問，我怕存在安全問題。
3. 最后，我嘗試小氪的方案，使用阿里云OSS，也不貴（40GB每年，十幾塊錢吧，一份豬腳飯）。阿里云OSS是云存儲服務，我把圖片傳上去，然后公開讀取權限，我就獲得了一個可以直接訪問，可以控制權限的圖片地址了。

最終解決

VsCode + PicGo + 阿里云OSS

PigGo介紹

PicGo是一個圖片床管理的客戶端，可以通過這個客戶端，把圖片上傳到不同的云服務上，支持阿里云，騰訊云，七牛的等等。
客戶端下載地址：https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo ，但是使用VsCode就不用下載這個客戶端了。

（PigGo支持的云服務）

（PigGo配置，阿里云）

（PigGo上傳文件）

VsCode使用

下載PigGo插件

配置插件

使用

使用起來非常簡單，只需要在Vscode的編輯界面使用快捷鍵Ctrl+Alt+E（Windows的上傳文件的快捷鍵），然后就會在光標位置打開一個窗口，選擇上傳的圖片后，就會自動生成圖床的鏈接的markdown語句。非常省心省時省力。（比如這篇博客。）