為什么要用圖床
寫Markdown插入圖片時,可以插入本地圖片或網絡圖片。
本地圖片自然只能本地看。不少博客平臺可以直接在它的網站上寫md并插入圖片,但只能在它的平臺能看到。
比如在簡書寫文章,如果圖片直接插入到簡書的web編輯器,就只能在簡書上看到。
為了文章發布到多個平臺,并支持圖片,就需要一個圖片存儲服務——圖床,來存放網絡圖片,再插入到自己的文章中。
可用的圖床
各種存儲服務都可以作為圖床使用,比如阿里云OSS、騰訊云COS、七牛云圖床、又拍云圖床、微博圖床等;以及各種git倉庫比如Github、碼云等。
云服務基本都是要收費的,免費黨可以用Git來做圖床,雖然有容量限制但一般也夠用。
Github國內網速太慢了,碼云是個不錯的選擇。
圖床工具
手動把圖片上傳到圖床和從圖床復制圖片鏈接的操作都很麻煩,例如用Git,你需要先把圖片復制到Git倉庫文件夾,然后提交并推送,再找到這個圖片在倉庫中的鏈接。寫文章時這樣頻繁操作效率太低。
利用圖床工具可以簡化操作,一鍵完成圖片的上傳和圖片鏈接的復制。
PicGo是一款開源的圖床工具,默認支持多種圖床,也可以通過插件擴展來支持更多圖床。
這是PicGo的文檔,這是PicGo的Github,這是PicGo的Gitee鏡像
PicGo + Gitee 搭建圖床
- 下載安裝PicGo
從PicGo/Release下載并安裝PicGo。注意不要下Beta版。
- 安裝Gitee插件(需要npm環境)
PicGo默認是不支持Gitee圖床的,需要通過插件擴展來支持。
運行PicGo,在插件頁面輸入Gitee搜索,裝哪個都可以,我用的是 gitee。
如果搜索不到或者界面一直停在“安裝中...”,可能是由于程序沒有管理員權限,無法正常運行npm導致的。
解決方案:命令行通過npm手動安裝插件。管理員模式啟動命令行,cd到PicGo配置目錄,一般是C:\Users\XXX\AppData\Roaming\picgo,輸入命令 npm install picgo-plugin-[插件名] 進行安裝。
安裝完畢,在PicGo界面的【圖床設置】下應該能看到【Gitee圖床】一項,如果沒有,到【PicGo設置】一欄把【選擇顯示的圖床】中【Gitee圖床】勾上。
- 創建Gitee圖床倉庫
Gitee中新建一個倉庫,注意:倉庫要公開,倉庫要初始化,否則后續會上傳失敗。
- 獲取Gitee令牌
在Gitee的【個人設置】-【安全設置】-【私人令牌】中生成令牌,生成時只需要選擇最基礎的權限即可。
生成時需要輸入登錄密碼。
注意:令牌顯示頁面一旦關閉就不會再有任何顯示入口了,一定要自己把這個令牌存下來。
- 配置PicGo的Gitee插件參數
【owner】一欄寫你的Gitee用戶名,點開你的倉庫頁面,網頁地址中夾在 “gitee.com/” 和 “/倉庫名” 中間的,就是你的用戶名。
【repo】一欄寫你的倉庫名,注意:這里倉庫名不是你倉庫頁面標題上的名字,要寫你倉庫地址后綴的名字,這兩個名字有時候是有區別的。比如倉庫頁面的標題是 PicBed ,但你的倉庫地址后綴名字其實是 pic-bed。
(其實就是拼了個url...)
【token】寫剛剛存下來的Gitee令牌。
【message】寫上傳圖片時的提交信息,這個可以不寫,會有一個默認信息。
填寫完畢,【確定】并且【設為默認倉庫】
使用圖床
為了方便使用,可以把【PicGo設置】中幾個選項都開啟,選項都很好理解。
注意:為了防止上傳的圖片沒有圖片名,最好把重命名勾上。
例如qq截圖或Snipaste截圖直接復制到剪切板,可能就沒有文件名。
圖片直接拖拽到PicGo的上傳區即可上傳圖片到圖床,也可以通過點擊【剪貼板圖片上傳】直接上傳系統剪切板的當前圖片。如果開啟了上傳提示,上傳成功或失敗都會有系統彈窗提示詳細信息。
上傳成功后PicGo會自動把圖片鏈接復制到系統剪切板,到markdown里直接ctrl+v一下就好了。
【相冊】一欄里可以查看所有上傳的圖片和對應的鏈接。
最后
Typroa + PicGo + Gitee + Snipaste = Yes !!!