目錄
- 1 問題描述
- 2 解決方法
- 2.1 配置Typora
- 2.2 配置GitHub
- 2.3 配置PicGo
- 3 測驗
- 4 可能出現的問題
1 問題描述
Typora是一款非常好用的markdown編輯器,所見即所得,非常適用于寫.md檔案,但是在Typora中插入圖片與在Word中插入圖片不同,在Word中插入圖片時,圖片是直接保存在.docx檔案中的;而在Typora中插入圖片時,圖片和.md檔案是分開存盤的,所以造成一個問題是:在一臺電腦上編輯好了.md檔案(含圖片),如果直接發送到另一臺電腦,打開檔案后,圖片是看不了的,因為.md檔案和本機上都沒有圖片,要想正常顯示圖片,必須在發送.md檔案的同時,把圖片也打包發了,這非常不方便,所以需要使用圖床工具PicGo(v0.9.84及更新版本開始支持:support upload images via PicGo and custom commands),自動將圖片上傳到服務器,當另一臺電腦打開上述檔案時,通過網路可以訪問服務器中圖片,就可以做到正常顯示圖片了,所以一個非常重要的前提是,查看.md檔案的設備需要連接網路,才可以正常顯示圖片,
2 解決方法
2.1 配置Typora
檔案 —> 偏好設定 —> 影像,再按照下面截圖配置:

2.2 配置GitHub
- 在GitHub建立公共圖床,倉庫屬性設定為public,如果是私人倉庫,github會給圖片鏈接加上token,PicGo不知道怎么破解,所以只能設定成公共的倉庫,

最后點擊創建倉庫, - 依次按照下面的步驟:

點擊Generate new token后,跳到下面的頁面,寫上note,勾上repo,最后點擊Generate token,

之后跳轉到下面的頁面,可以看到已經生成了token,注意: 這個token生成后只會顯示一次!要把這個token復制一下,存到其他地方以備以后要用,

2.3 配置PicGo
- 首先下載安裝PicGo 2.2.0及以上版本,鏈接:PicGo,
- 再按照如下配置:
自定義域名是:https://raw.githubusercontent.com/yeranyeran/markdown-img/master

- 激活PicGo-Server
打開PicGo詳細頁面,進入PicGo設定 —> 設定Server

再如下圖:

3 測驗
按照上面做好了之后,就能上傳圖片了,例如,截圖之后,直接粘貼在Typora里面,就能實作自動上傳,Typora提示上傳成功:

GitHub中也會有相應的圖片:

至此就達到預期目標了,
4 可能出現的問題
能正常上傳到GitHub倉庫中,但是在本地Typora中圖片不能正常顯示:

解決方法點擊這里
按照上面鏈接中的方法配置后,再重啟Typora,Typora中的圖片就能正常顯示:

轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/241410.html
標籤:其他
