當前位置:首頁 > IT技術 > 其他 > 正文

VSCode+PicGo+阿里云配置個人博客圖床最全解析
2022-04-25 22:54:16

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

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

1. 阿里云OSS服務配置

  1. 首先注冊阿里云賬號,完成實名認證。
  2. 在阿里云的產品中選擇對象存儲OSS。
    20220424200228
  3. 選擇管理控制臺,點擊最左側的Bucket列表,創(chuàng)建Bucket。
    20220424200534
  4. 輸入Bucket名稱,選擇區(qū)域(選擇一個近的區(qū)域就可以),將讀寫權限修改為公共讀,其他保持不變,確定之后就可以看到創(chuàng)建的容器了,然后點擊右上角的導出csv,導出容器的相關信息,之后配置picgo參數時使用。
    20220424201043
  5. 之后點擊創(chuàng)建好的Bucket,進入概述頁面。
    20220424201321
  6. 將右邊的訪問域名中的“外網訪問”的“Bucket域名”先記下來,之后配置picgo參數時使用。
    20220424201544
  7. 然后將鼠標移動到右上角的頭向上,選擇AccessKey管理,創(chuàng)建一個AccessKey,并且將AccessKey和AccessKey Secret記下來,之后配置picgo參數時使用。
    20220424201756

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

2. PicGo配置

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

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

如果使用其他的圖床,比如GitHub、七牛云等,也是類似的操作,首先注冊用戶,然后在PicGo填寫對應的密鑰、url等信息,也可以參考這篇文章來完成。

更多內容歡迎關注我的公眾號:煉丹攻略。

本文摘自 :https://www.cnblogs.com/

開通會員,享受整站包年服務立即開通 >