非常推薦使用vscode作為個(gè)人博客的編輯器，能夠很好地支持markdown，簡(jiǎn)單配置后插入圖片也很方便。圖床方面，我之前試過(guò)GitHub圖床和七牛云圖床，都存在一些問(wèn)題，GitHub圖床在沒(méi)有**上網(wǎng)時(shí)，上傳和加載圖片非常慢，往往加載不出來(lái)，很多訪問(wèn)我的網(wǎng)站的人，看到的都是掛掉的圖片；七牛云圖床測(cè)試域名只能免費(fèi)實(shí)用一個(gè)月，之后需要使用自己購(gòu)買(mǎi)的域名。阿里云不存在上面的問(wèn)題，而且新用戶(hù)有三個(gè)月的免費(fèi)體驗(yàn)階段，之后也可以買(mǎi)半年4.98元的資源包，十分便宜，所以轉(zhuǎn)向了阿里云。

這篇文章介紹一下如何配置vscode的圖床，第一步是阿里云OSS(OSS指對(duì)象存儲(chǔ)服務(wù))的配置；第二步安裝vscode的picgo插件，該插件可以讓我們使用快捷鍵將剪切板的圖片上傳到云圖床中；第三步是配置picgo的參數(shù)。

1. 阿里云OSS服務(wù)配置

1. 首先注冊(cè)阿里云賬號(hào)，完成實(shí)名認(rèn)證。
2. 在阿里云的產(chǎn)品中選擇對(duì)象存儲(chǔ)OSS。
   
3. 選擇管理控制臺(tái)，點(diǎn)擊最左側(cè)的Bucket列表，創(chuàng)建Bucket。
   
4. 輸入Bucket名稱(chēng)，選擇區(qū)域(選擇一個(gè)近的區(qū)域就可以)，將讀寫(xiě)權(quán)限修改為公共讀，其他保持不變，確定之后就可以看到創(chuàng)建的容器了，然后點(diǎn)擊右上角的導(dǎo)出csv，導(dǎo)出容器的相關(guān)信息，之后配置picgo參數(shù)時(shí)使用。
   
5. 之后點(diǎn)擊創(chuàng)建好的Bucket，進(jìn)入概述頁(yè)面。
   
6. 將右邊的訪問(wèn)域名中的“外網(wǎng)訪問(wèn)”的“Bucket域名”先記下來(lái)，之后配置picgo參數(shù)時(shí)使用。
   
7. 然后將鼠標(biāo)移動(dòng)到右上角的頭向上，選擇AccessKey管理，創(chuàng)建一個(gè)AccessKey，并且將AccessKey和AccessKey Secret記下來(lái)，之后配置picgo參數(shù)時(shí)使用。
   

阿里云部分的配置就結(jié)束了，然后在vscode中安裝picgo插件，繼續(xù)配置picgo的參數(shù)。

2. PicGo配置

1. 下載好之后在插件頁(yè)面的Extension Settings進(jìn)入PicGo的配置。
   
2. 將圖床類(lèi)型設(shè)置為aliyun。
   
3. 其余的我們主要關(guān)注Picgo>Pic Bed>后顯示為aliyun的，前兩個(gè)Access Key ID和Access Key Secret填上面第7步中記下來(lái)的密鑰；第三個(gè)Area填第4步中導(dǎo)出的Bucket信息的csv文件中對(duì)應(yīng)的區(qū)域，比如我的在南京，就填oss-cn-nanjing，注意不要直接寫(xiě)中文，比如華東5，好像是識(shí)別不了的；第四個(gè)Bucket填寫(xiě)B(tài)ucket的名字，第五個(gè)填寫(xiě)上面第6步中記錄的Bucket域名，注意要加上https://為前綴。第6個(gè)是圖床中存儲(chǔ)文件的文件夾名，不寫(xiě)也行。
   

PicGo的配置就結(jié)束了，然后我們可以使用QQ的Ctrl+Alt+a截圖，然后在vscode中通過(guò)Ctrl+Alt+u的快捷鍵將剪切板中的圖快速插入。

如果使用其他的圖床，比如GitHub、七牛云等，也是類(lèi)似的操作，首先注冊(cè)用戶(hù)，然后在PicGo填寫(xiě)對(duì)應(yīng)的密鑰、url等信息，也可以參考這篇文章來(lái)完成。

更多內(nèi)容歡迎關(guān)注我的公眾號(hào)：煉丹攻略。