Typora + PicGO + Gitee 搭建圖床

Typora 毋庸置疑是用起來比較舒服的 markdown 編輯器(不會有人還沒用過markdown吧,想學(xué)習(xí)可以參考 Markdown編輯器 --Typora 用法大全)。

雖然說前不久官網(wǎng)不講武德軟件需要收費$14.99,但是只要不更新就行了,記得在設(shè)置里設(shè)置【不自動檢測最新版本】,收費跟我說拜拜~

今天要解決的問題是 Typora 圖片保存的問題,這個問題很關(guān)鍵,也困擾我很久,這次就把完整的解決方案分享給大家。

Typora圖片的儲存方式

Typora 有多種圖片保存方式:

image-20211226025404747

以前一直用的方法是【復(fù)制到./assets文件夾】這個方法,只要將md文件和這個文件夾一起打包分享給別人或者是上傳,解壓后就可以正常查看。但是壓縮解壓也的確還是很麻煩的,不利于分享。

更嚴(yán)重的一點是:你所寫markdown文檔不能直接粘貼到在線寫作平臺,因為在線平臺無法找到本地圖片地址,因此造成圖片加載失敗,只能退而求其次選擇在線編輯,給寫作帶來不必要的麻煩。

因此,最完美的解決辦法就是在本地Typora插入圖片時自動生成可直接訪問的URL鏈接,因為這個圖片是處于云端且是公共的,因此瀏覽器或者手機可以直接加載出來,非常fancy~

講了那么多廢話,下面直接開造!

Gitee 配置

官網(wǎng),新用戶先注冊賬號哈,然后點擊右上角加號新建倉庫,按照下面設(shè)置:

image-20211226025144641
image-20211226025234201

ok,Gitee的配置就是這么簡單~

PicGo 配置

我們選擇PicGo來實現(xiàn)圖片自動上傳至圖床,下載地址

首先設(shè)置PicGo:

image-20211226025644140
  • repo是用戶名加上剛才新建的倉庫名

  • token需要在Gitee里找:

    點擊右上角頭像進入設(shè)置,下滑找到【SSH公鑰】

    image-20211226030507905

    生成公鑰,生成后會提示你公鑰只顯示這一次,記得保存起來,然后粘貼到上面的token欄里就行了,公鑰給予Gitee訪問權(quán)限。

  • path可以隨便寫,這是保存圖片的文件夾名字。

  • 其他的保持默認(rèn),點擊【設(shè)為默認(rèn)圖床】。

然后安裝gitee插件,搜索【gitee】安裝這個:

image-20211226025834121

首次安裝應(yīng)該會彈出【缺少Node.js】,點擊確定頁面會自動跳轉(zhuǎn)至 Nodejs,下載安裝后,返回PicGo繼續(xù)安裝插件即可。

還要修改一下默認(rèn)設(shè)置,點擊【PicGo設(shè)置】頁面,開啟【時間戳命名】防止文件名重復(fù)。

image-20211226023409406

此時,我們的圖床就已經(jīng)搭建完成!我們來測試一下:

  • 隨便截個圖保存至剪切板,點擊【上傳區(qū)】頁面,點擊【剪切板圖片】則提示上傳成功。
image-20211226030044478

這時回到Gitee倉庫即可發(fā)現(xiàn)圖片已經(jīng)上傳成功了,點擊即可查看,美滴很!

image-20211226023806958

到這里已經(jīng)成功99%了~

Typora 配置

最后就到了主角Typora登場了!這里要做的就是關(guān)聯(lián)PigGo完成圖片自動上傳的功能。

下載地址,雖然收費了,但按照慣例,官方地址還是得提供一下,這里提供一下我的版本,應(yīng)該是可以免費使用的,再說一遍,不要更新!

鏈接:https://pan.baidu.com/s/124_mejB1Rcnugoju8vhRkQ
提取碼:ijay

【文件】-> 【偏好設(shè)置】-> 【圖像】-> 【插入圖片時】, 選擇【上傳圖片】

image-20211226024637117

上傳服務(wù)選擇【PicGo(app)】,路徑選擇安裝的軟件路徑。然后就設(shè)置完成啦~

測試一下,截圖之后直接粘貼到Typora:

image-20211226024859009

上傳成功!

image-20211226024932408

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容