VSCode+PicGo+Gitee實現高效markdown圖床


為什么要選擇VSCode+PicGo+Gitee

主要是平時寫文章的平台,要么是收會員費用,要么是本站圖片鏈接只能在本站網站訪問,換一個平台,圖片就裂了,圖片問題困擾我很久,也是經過很多試用,最終選定這個工具組合,之前圖片倉庫使用的是Github,但是在國內,Github的訪問速度簡直感人!所以后來就把Github替換成了Gitee,Gitee在國內,訪問速度快多了,之前的寫文章使用的是Typora,但是現在收費了,就改用VSCode。

安裝步驟

1.安裝VSCode

  • vscode官網下載安裝包安裝即可
  • markdown插件推薦:Markdown Preview Enhanced, office Viewer(MarkDown Editor)

Markdown Preview Enhanced 功能簡潔,僅提供預覽功能

!

office Viewer(MarkDown Editor)提供了很多功能,類似於Typora,我比較喜歡用這個。

2.安裝PicGo

PicGo下載地址,下載安裝即可

安裝之后打開主界面

選擇最下面的插件設置,搜索gitee,點擊最下方的gitee-uploader開始安裝:

這里注意一下,必須要先安裝node.js才能安裝插件,沒裝的自己裝一下,然后重啟就行,主要是因為PicGO這個軟件是基於node.js,用electron做的客戶端。

3.建立圖床庫

碼雲登錄自己的賬號,點擊右上角的+號,新建倉庫

新建倉庫的要點如下:

  • 輸入一個倉庫名稱
  • 將倉庫設置為公開
  • 勾選使用Readme文件初始化這個倉庫

點擊下一步完成創建。

4.配置PicGo

配置插件的要點如下:

  • repo:用戶名/倉庫名稱,比如我自己的倉庫yatok/picture-bed,找不到的可以直接復制倉庫的url,復制瀏覽器的倉庫地址,而不是頁面左上角顯示的,容易出現大小寫問題

  • branch:分支,這里寫上master
  • token:填入碼雲的私人令牌
  • path:路徑,一般寫上img,我默認沒填
  • customPath:提交消息,這一項和下一項customURL都不用填。在提交到碼雲后,會顯示提交消息,插件默認提交的是 Upload 圖片名 by picGo - 時間

這個token怎么獲取,登進自己的碼雲

  1. 點擊頭像,進入設置

  1. 找到左下角的私人令牌
  2. 點擊生成新令牌,把projects這一項勾選上,其他的不用勾選,然后提交

  1. 這里需要驗證一下密碼,驗證密碼之后會出來一串數字,這一串數字就是你的token,將這串數字復制到剛才的配置里面去。

注意:這個令牌只會明文顯示一次,建議在配置插件的時候再來生成令牌,直接復制進去,搞丟了又要重新生成一個。

  1. 將token填入配置保存即可。

使用

截圖然后按Ctrl+shift+P上傳文件,上傳之后剪貼板就有剛上傳圖片的markdown鏈接,直接復制到文章對應位置即可。另外,本文的所有圖片都是使用這套工具上傳的圖片。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM