github+picgo+typora搭建圖牀

🎈前言

這篇blog之前我的圖片,基本都是截圖先push到github,然後更新版本號,利用jsdelivr的圖片url顯示在bolg。

真的是又費勁又費時(我都懶得多加截圖了)。

當你get到這個小技巧之後,保證你的markdown寫blog事半功倍,以後截圖想發多少發多少,MM再也不用擔心我更新截圖費時了emmm。

參考 官方配置文檔

🍬準備工作

🍪github

1.註冊github github地址

2.創建一個新項目,用來存儲圖片。

3.生成一個token用於PicGo操作你的倉庫:

訪問:https://github.com/settings/tokens

然後點擊Generate new token

img

把repo的勾打上即可。然後翻到頁面最底部,點擊Generate token的綠色按鈕生成token。

img

**注意:**這個token生成後只會顯示一次!你要把這個token複製一下存到其他地方以備以後要用。img

🍖Picgo

1.下載地址

選擇下載類型:

image-20200429122744588

2.解壓安裝到非英文目錄

3.配置picgo

image-20200429123119392

倉庫名——github名/項目倉庫名

分支——默認主分支master即可

Token——在github中保存的token

存儲路徑——項目下的子目錄

image-20200429123313176

重命名——在上傳圖片的時候可以給圖片重命名(默認時間命名)

別的就不一一介紹了。

🍩Typora

1.下載安裝最好用的markdown編輯工具

typora官網

2.配置typora

文件->偏好設置

根據我圖中配置即可:

image-20200429123856196

上傳服務: 選擇PicGo(app)

PicGo路徑:選擇你安裝的PicGo下的exe文件

🍭開始工作

1.截圖粘帖到typora中

2.右擊圖片——>上傳圖片——>重命名——>上傳成功

3.可以在picgo和github倉庫中看到剛上傳的圖片

image-20200429124835507

😰踩坑記錄

1.驗證失敗可能因爲你已經驗證成功並把兩張圖上傳到github圖牀了

解決:請去github倉庫刪除 typora-icon.png typora-icon2.png兩張圖 並重新檢測

2. 出現 Failed to fetch

image-20200429125648343

解決:確認在PicGo中打開了Server服務,監聽端口與typora檢驗端口保持一致

3.就是不行???

出現 Failed to fetch

解決:確認在PicGo中打開了Server服務,監聽端口與typora檢驗端口保持一致

3.就是不行???

有可能是代理的問題,關閉代理,重啓電腦。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章