轉載注明出處：https://www.cnblogs.com/nreg/p/11992678.html，謝謝
開源項目下載：https://github.com/nreg/ImgHosting
任意版本的typora
二、客戶端配置：
1.打開typora，文件-偏好設置，將圖片地址設置為D:\圖片庫\${filename}\，路徑沒有要求
配置作用：所有圖片都在同一根目錄下，便於管理
便於本插件檢測到網絡地址失效時用本地地址再次請求
2、配置window.html文件：
找到Typora的安裝目錄Typora\resources\app下的window.html文件：注意是安裝目錄
用任意編輯器打開，全局搜索：
<script src="./app/window/frame.js" defer="defer"></script>
搜到並在其后添加本插件地址：
<script src="./plugins/imgHosting/upload.js" defer="defer"></script>
說明：其實只要在
window.html文件中window.require = undefined;代碼之前加上即可
三、插件配置：
將本插件plugins文件夾復制到Typora的安裝目錄Typora\resources\app下：注意是安裝目錄
插件說明：
plugins\imgHosting\tosted.js：上傳插件
plugins\imgHosting\upload.js：通知插件
四、主題配置：
將vue文件夾及vue.ccs移動到 C:\Users\用戶名\AppData\Roaming\Typora\themes下：注意是系統目錄
使用說明：重啟typora，菜單欄點擊主題-選擇vue即可
主題說明： 基於社區vue主題優化
擴展內容區域大小，解決圖片被內容區域大小限制導致圖片模糊
整體居中，圖片相對居左對齊， 左右富裕空間始終一致（原版：整體居左，圖片居中）
增加圖片陰影及圓角，美化圖片顯示效果
五、服務器配置：
版本要求：
tomcat：7.0及以上
JDK：8U191及以上
環境要求：
可運行在win10、虛擬機、雲服務器、樹莓派中
端口要求：
8866
部署：將編譯文件拖到tomcat的webapp目錄下即可：
說明：
①、端口可以更改(每次變更都需要重啟服務器)，相應的，客戶端上傳插件upload.js也需要更改(每次變更都需要重啟typora)
②、服務端本身不存儲圖片，只用於請求第三方免費圖床，不占用服務器空間
③、實現8個免費圖床的請求與響應，圖片網絡地址可能失效，測試一年，沒有失效的情況，客戶端單擊圖片會檢測網絡地址是否失效，如果失效會自動以名稱處的本地地址重新請求
③、開放源碼，可自行添加更多圖床實現
六、效果展示：
使用說明：
點擊圖片即可進行上傳
文字選中處為圖片名稱顯示處，用於插件判斷網絡地址失效時以用名稱處的本地地址重新請求
不支持typora提供的縮放，使用縮放將導致上傳插件失效
右下角為tosted.js的顯示效果
文檔關閉前請使用ctrl+s保存文檔，否則圖片地址將會回退。
七、版本變更：
2019年：1.0.0版，免費圖床實現
2020年3月：1.0.1版，優化代碼邏輯
2020年7月：1.0.2版，支持跨域、支持3種上傳方式(詳見upload.js)、優化通知