typora+PicGo(app)+github 配置markdown圖床

lhrbest發表於2021-01-30

typora+PicGo(app)+github 配置markdown圖床


?github

1.註冊github  github地址

2.建立一個新專案,用來儲存圖片。

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

訪問:settings/tokens

然後點選 Generate new token

img

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

img

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

?Picgo

1. 下載地址

選擇下載型別:

image-20200429122744588

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

3.配置picgo

image-20200501000133961

倉庫名——github名/專案倉庫名

分支——預設主分支master或main即可

Token——在github中儲存的token

儲存路徑——專案下的子目錄

自定義域名——這裡用的是cdn.jsdelivr.net/gh提升圖片的載入速度

image-20200429123313176

重新命名——在上傳圖片的時候可以給圖片重新命名(預設時間命名)

別的就不一一介紹了。

?Typora

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

typora官網

2.配置typora

檔案->偏好設定

根據我圖中配置即可:

image-20200429123856196

上傳服務: 選擇PicGo(app)

PicGo路徑:選擇你安裝的PicGo下的exe檔案

?開始工作

1.截圖粘帖到typora中

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

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

image-20200429124835507

?踩坑記錄

1.敲黑板

之前沒用jsdelivr的服務,發現圖片在掛代理的時候可以載入,不掛代理很難載入出來。

這裡強烈建議大家去了解 jsdelivr的用法。

基本用法:

cdn.jsdelivr.net/gh/github名/倉庫名/檔名

2.驗證失敗可能因為你已經驗證成功並把兩張圖上傳到github圖床了

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

3. 出現 Failed to fetch

image-20200429125648343

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

4.上傳失敗

有可能是網速的原因,建議多上傳幾次試試。






typora結合picgo實現上傳圖片到gitee


1、下載PicGo

到PicGo 官網上下載PicGo,最新版的是2.3.0-beta.3,但是據說還不夠穩定,我個人是比較喜歡穩一點的,所以安裝了2.2.2版本的。

image-20201118194222001

然後自己根據自己的電腦系統來進行安裝,我這裡是win10所以下載的是這個:

image-20201118194340770

安裝完之後如果開啟的時候出現 A JavaScript error occuredin the main process,不能開啟picgo,我們可以在win的搜尋欄輸入 %appdata%

然後把picgo的資料夾刪除掉就可以開啟了。這裡一定要記得你安裝的路徑,因為等一下配置typora的時候需要用到picgo的啟動路徑。


2、安裝node.js

因為picgo結合gitee需要使用到nodejs,所以我們需要下載nodejs。有關node.js安裝的教程,網上很多,推薦一個吧: https://www.cnblogs.com/minxiang-luo/p/12490526.html.我這裡就不多贅述了。


3、建立gitee倉庫和生成令牌

image-20201118202446064

image-20201118202717545

記得一定要選擇公開。

之後就是生成私人令牌,進入設定

image-20201118202831247

點選生成私人令牌

image-20201118202941433

(注:令牌只會顯示一次,如果不復制的話,就只能重新修改令牌,步驟:修改 --> 重新生成令牌)

image-20201118203022307

這些全選就完事了。

4、配置picgo的gitee

然後再picgo安裝gitee外掛

(注:若沒有安裝 node.js ,則會安裝不了外掛。因為外掛下載需要使用到 node.js 的npm!)

image-20201118203224226

配置gitee,在左側的圖床設定選擇gitee圖床,進行設定:

image-20201118232704189

具體可以看你設定的倉庫的url,如下:

image-20201118232836153

配置好之後選擇設為預設圖床確定

5、設定typora

image-20201118233156930

image-20201118233221599

然後再需要上傳圖片的時候點選上傳圖片就可以了











About Me

........................................................................................................................

● 本文作者:小麥苗,部分內容整理自網路,若有侵權請聯絡小麥苗刪除

● 本文在個人微 信公眾號( DB寶)上有同步更新

● QQ群號: 230161599 、618766405,微信群私聊

● 個人QQ號(646634621),微 訊號(db_bao),註明新增緣由

● 於 2021年1月完成

● 最新修改時間:2021年1月

● 版權所有,歡迎分享本文,轉載請保留出處

........................................................................................................................

小麥苗的微店

● 小麥苗出版的資料庫類叢書: http://blog.itpub.net/26736162/viewspace-2142121/

小麥苗OCP、OCM、高可用、MySQL、DBA學習班http://blog.itpub.net/26736162/viewspace-2148098/

● 資料庫筆試面試題庫及解答: http://blog.itpub.net/26736162/viewspace-2134706/

........................................................................................................................

請掃描下面的二維碼來關注小麥苗的微 信公眾號( DB寶)及QQ群(230161599、618766405)、新增小麥苗微 信(db_bao), 學習最實用的資料庫技術。

........................................................................................................................


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/26736162/viewspace-2754673/,如需轉載,請註明出處,否則將追究法律責任。

相關文章