【PicGo + gitee】圖床打造,最詳細(xì)攻略!

之前在下面的推文中向大家介紹了【PicGo + 阿里云OSS】的圖床方案。
PicGo + 阿里云OSS,最詳細(xì)的圖床配置教程![1]
PicGO圖床詳細(xì)教程,及其妙用揭曉?[2]
盡管阿里云OSS的存儲空間年費(fèi)并不高,但是流量費(fèi)用還是有些小貴的,特別是對于經(jīng)常使用圖床的用戶,可能無法承受。
GitHub圖床是另一個(gè)方案,但是GitHub在國內(nèi)訪問速度感人,做圖床簡直沒法用。
為此,今天將利用國內(nèi)的gitee(相當(dāng)于中國版“GitHub”),并結(jié)合PicGo,打造免費(fèi)又快速的圖床。
(又可以省下一筆開支)
gitee + Picgo 圖床
首先,進(jìn)入PicGo的設(shè)置-->插件設(shè)置
,搜索gietee
。??

這里我們選擇第三個(gè)gitee-uploader 1.1.2進(jìn)行安裝。
此時(shí)會(huì)彈出需要先安裝node.js的提示,而且會(huì)自動(dòng)跳轉(zhuǎn)到下面的網(wǎng)頁[3]。

以Mac為例,這里我下載安裝左邊的14.17.3 LTS
。
接著,重新打開PicGo,再次搜索gitee-uploader 1.1.2,即可順利安裝。??

接下來,我們進(jìn)行g(shù)itee圖床倉庫的創(chuàng)建。
創(chuàng)建gitee圖床倉庫
首先,到官網(wǎng)注冊一個(gè)gitee[4]賬號。

登錄后,在右上角的+號處,點(diǎn)擊新建倉庫。

按照下圖所示,設(shè)置倉庫信息。

包括:
隨意起個(gè)
倉庫名稱
,比如叫做figurebed。選擇
開源
。勾選
設(shè)置模板-->Readme文件
。勾選
選擇分支模型-->單分支模型(只創(chuàng)建master分支)
。
點(diǎn)擊創(chuàng)建,進(jìn)入下一步。
獲取token(私人令牌)
在你的gitee頭像處,進(jìn)入設(shè)置。

如下圖,點(diǎn)擊左側(cè)的私人令牌。

點(diǎn)擊生成新令牌。

如下圖,先取消全選,再勾選projects,然后提交。

提示要輸入gitee賬戶密碼,輸入即可。

到此便獲得了私人令牌,點(diǎn)擊復(fù)制,并保存好。因?yàn)樵摯翱陉P(guān)閉后,將無法再查看該私人令牌。

在PicGo中配置gitee圖床
進(jìn)入PicGo設(shè)置界面,在左邊找到gitee。
按照下圖進(jìn)行g(shù)itee圖床的配置。

其中:
repo處填寫
gitee賬戶名/倉庫名
。branch處填寫
master
。token處填寫上一步獲取的
私人令牌
。path處填寫
img
。其他的保持默認(rèn),不用管。
順便提一下,gitee賬戶名/倉庫名
可以在你的gitee倉庫的網(wǎng)頁地址中復(fù)制。??

填寫完畢后,點(diǎn)擊確定,并設(shè)置為默認(rèn)圖床。
到此,便完成了「gitee + Picgo 圖床」的所有設(shè)置,接著即可使用了,新手可閱讀這個(gè)教程。
總之,有了圖床后,就可以在諸如Typora、Obsidian等Markdown編輯器中用上了。
下載
本文涉及的PicGo和node.js的Mac/Win版安裝包我已經(jīng)備好了。
PicGo
node.js
下載:青檸學(xué)術(shù)
公眾號后臺回復(fù)圖床
獲取安裝包。
gitee圖床的局限性
試想一下,如果大家都這么免費(fèi)無節(jié)制的使用gitee的存儲,它的服務(wù)器怎么承受得?。?/p>
所以,gitee圖床也是有一定局限性的:如果上傳大于1MB的圖片,圖片插入到markdown編輯器后,是無法顯示出來的。
這里推薦兩種節(jié)約成本的方案:
免費(fèi)方案:利用圖片壓縮工具將圖片壓縮到小于1MB,然后再用Picgo上傳到gitee。(我用的是Mac上的Image Optimizer[5]圖片壓縮工具,非常棒)
低成本方案:大于1MB的圖片采用阿里云OSS圖床,小于1MB的圖片采用gitee圖床。
本文就介紹到這里,希望對你有所幫助!
相關(guān)鏈接
[1]?
PicGo + 阿里云OSS,最詳細(xì)的圖床配置教程!:?https://mp.weixin.qq.com/s/Mry9_HdLbXz8w4_874_7eQ
[2]?PicGO圖床詳細(xì)教程,及其妙用揭曉?:?https://mp.weixin.qq.com/s/vGblYphDIx23uyozoAqUiw
[3]?node.js:?https://nodejs.org/en/
[4]?gitee官網(wǎng):?https://gitee.com
[5]?Image Optimizer:?https://mp.weixin.qq.com/s/BgWqDjEW2Z5M9LPsbOo4NA
