Typora設置圖牀PicGo，以實現圖片自動上傳

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

1. 在GitHub建立公共圖牀，倉庫屬性設置爲public，如果是私人倉庫，github會給圖片鏈接加上token，PicGo不知道怎麼破解，所以只能設置成公共的倉庫。
   
   最後點擊創建倉庫。
   
   
2. 依次按照下面的步驟：
   
   點擊Generate new token後，跳到下面的頁面，寫上note，勾上repo，最後點擊Generate token。
   
   之後跳轉到下面的頁面，可以看到已經生成了token。注意： 這個token生成後只會顯示一次！要把這個token複製一下，存到其他地方以備以後要用。
   
   
   
   
   
   

2.3 配置PicGo

1. 首先下載安裝PicGo 2.2.0及以上版本，鏈接：PicGo。
2. 再按照如下配置：
   自定義域名是：https://raw.githubusercontent.com/yeranyeran/markdown-img/master
   
   
   
3. 激活PicGo-Server
   打開PicGo詳細頁面，進入PicGo設置 —> 設置Server
   
   再如下圖：
   
   
   
   
   

3 測試

按照上面做好了之後，就能上傳圖片了。例如，截圖之後，直接粘貼在Typora裏面，就能實現自動上傳，Typora提示上傳成功：

GitHub中也會有相應的圖片：

至此就達到預期目標了。

4 可能出現的問題

能正常上傳到GitHub倉庫中，但是在本地Typora中圖片不能正常顯示：

解決方法點擊這裏
按照上面鏈接中的方法配置後，再重啓Typora，Typora中的圖片就能正常顯示：