PicGo+Gitee搭建圖床

為什么要用圖床

寫Markdown插入圖片時,可以插入本地圖片或網絡圖片。

本地圖片自然只能本地看。不少博客平臺可以直接在它的網站上寫md并插入圖片,但只能在它的平臺能看到。

比如在簡書寫文章,如果圖片直接插入到簡書的web編輯器,就只能在簡書上看到。

為了文章發布到多個平臺,并支持圖片,就需要一個圖片存儲服務——圖床,來存放網絡圖片,再插入到自己的文章中。

可用的圖床

各種存儲服務都可以作為圖床使用,比如阿里云OSS、騰訊云COS、七牛云圖床、又拍云圖床、微博圖床等;以及各種git倉庫比如Github、碼云等。

云服務基本都是要收費的,免費黨可以用Git來做圖床,雖然有容量限制但一般也夠用。

Github國內網速太慢了,碼云是個不錯的選擇。

圖床工具

手動把圖片上傳到圖床和從圖床復制圖片鏈接的操作都很麻煩,例如用Git,你需要先把圖片復制到Git倉庫文件夾,然后提交并推送,再找到這個圖片在倉庫中的鏈接。寫文章時這樣頻繁操作效率太低。

利用圖床工具可以簡化操作,一鍵完成圖片的上傳和圖片鏈接的復制。

PicGo是一款開源的圖床工具,默認支持多種圖床,也可以通過插件擴展來支持更多圖床。

PicGo功能

這是PicGo的文檔,這是PicGo的Github,這是PicGo的Gitee鏡像

PicGo + Gitee 搭建圖床

  1. 下載安裝PicGo

PicGo/Release下載并安裝PicGo。注意不要下Beta版。

  1. 安裝Gitee插件(需要npm環境)

PicGo默認是不支持Gitee圖床的,需要通過插件擴展來支持。

運行PicGo,在插件頁面輸入Gitee搜索,裝哪個都可以,我用的是 gitee。

Gitee插件

如果搜索不到或者界面一直停在“安裝中...”,可能是由于程序沒有管理員權限,無法正常運行npm導致的。

解決方案:命令行通過npm手動安裝插件。管理員模式啟動命令行,cd到PicGo配置目錄,一般是C:\Users\XXX\AppData\Roaming\picgo,輸入命令 npm install picgo-plugin-[插件名] 進行安裝。

安裝完畢,在PicGo界面的【圖床設置】下應該能看到【Gitee圖床】一項,如果沒有,到【PicGo設置】一欄把【選擇顯示的圖床】中【Gitee圖床】勾上。

image
  1. 創建Gitee圖床倉庫

Gitee中新建一個倉庫,注意:倉庫要公開,倉庫要初始化,否則后續會上傳失敗。

創建Gitee圖床倉庫
  1. 獲取Gitee令牌

在Gitee的【個人設置】-【安全設置】-【私人令牌】中生成令牌,生成時只需要選擇最基礎的權限即可。

生成時需要輸入登錄密碼。

Gitee的圖床令牌

注意:令牌顯示頁面一旦關閉就不會再有任何顯示入口了,一定要自己把這個令牌存下來。

image
  1. 配置PicGo的Gitee插件參數

【owner】一欄寫你的Gitee用戶名,點開你的倉庫頁面,網頁地址中夾在 “gitee.com/” 和 “/倉庫名” 中間的,就是你的用戶名。

【repo】一欄寫你的倉庫名,注意:這里倉庫名不是你倉庫頁面標題上的名字,要寫你倉庫地址后綴的名字,這兩個名字有時候是有區別的。比如倉庫頁面的標題是 PicBed ,但你的倉庫地址后綴名字其實是 pic-bed。

(其實就是拼了個url...)

【token】寫剛剛存下來的Gitee令牌。

【message】寫上傳圖片時的提交信息,這個可以不寫,會有一個默認信息。

填寫完畢,【確定】并且【設為默認倉庫】

使用圖床

為了方便使用,可以把【PicGo設置】中幾個選項都開啟,選項都很好理解。

注意:為了防止上傳的圖片沒有圖片名,最好把重命名勾上。
例如qq截圖或Snipaste截圖直接復制到剪切板,可能就沒有文件名。

PicGo使用設置

圖片直接拖拽到PicGo的上傳區即可上傳圖片到圖床,也可以通過點擊【剪貼板圖片上傳】直接上傳系統剪切板的當前圖片。如果開啟了上傳提示,上傳成功或失敗都會有系統彈窗提示詳細信息。

上傳成功后PicGo會自動把圖片鏈接復制到系統剪切板,到markdown里直接ctrl+v一下就好了。

【相冊】一欄里可以查看所有上傳的圖片和對應的鏈接。

最后

Typroa + PicGo + Gitee + Snipaste = Yes !!!

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。