Markdown編輯器typora集成圖牀插件,輕鬆搞定博客圖片丟失問題

1、IDE工具:typora

優勢:

  • 書寫方便,文檔在編輯完成後迅速轉換爲閱讀模式,效果能夠實時呈現,方便修改調整;
  • 各種公式、插圖、表格、代碼等都能輕易實現,佈局方便;
  • UI界面簡潔優美,操作起來得心應手。

2、圖牀插件:picGo2.3.0

下載:官方非官方,非官方版本可能比較陳舊!

安裝與配置:

  • Windows安裝直接點擊.exe文件,需要注意的是不要裝在C:\Programe Files\下的任何地方,因爲picGo無法解析這一路徑(新版本可能已經修復);
  • picGo可以結合多種圖牀,例如:七牛圖牀,騰訊雲cos,微博圖牀等,這裏推薦國內比較好用的 gitee 碼雲,picGo 默認圖牀不包含碼雲,需要在“插件設置”裏搜索並安裝碼雲插件 gitee-uploader
  • gitee 的配置:(1)首先要在 gitee 創建一個新的項目repository(設置爲公開),然後在“頭像>>安全設置>>私人令牌>>生成新令牌”,這個令牌就是 Token,且只出現一次,需要記住;(2)進入 picGo,“圖牀設置>>gitee”,repo 就是倉庫地址除去 https://gitee.com/ 的部分,branch 設置爲 master,path 設置爲 img,customPath 選擇 年月,最後填入 Token,保存,這樣圖牀就搭建完了,我們可以在 picGo 裏面上傳圖片到圖牀試一下;
  • 具體圖牀搭建操作過程參見gitee搭建圖牀github搭建圖牀

3、typora + picGo

新版typora(0.9.86)是用來寫文檔、博客的,它本身只能將圖片保存在本地;如果博客要上傳至網絡,那麼頁面顯示的時候圖片就必須以鏈接形式存在。這時就需要圖牀的支持,博客從圖牀拉取圖片內容再顯示。typora 支持 picGo 插件,可以將圖片上傳至圖牀,保證隨時隨地訪問、展示圖像,設置方式如下:

  • 在typora中修改設置,“文件>>偏好設置>>圖像>>上傳服務設定”,添加 picGo 的路徑。如果設置成功,那麼在第四步完成後可以順利將typora的logo上傳至GitHub;

  • typora支持瀏覽本地圖像文件、粘貼圖像文件等方式,可以設置格式-圖像-當插入本地圖像時-上傳圖像,這樣每次引入圖像時typora就會啓動picGo將圖像上傳至圖牀並更新圖像鏈接,使用這種方式的博文圖片不受文件路徑影響,資源也不會丟失,最多是受制於網絡一時加載不出來而已;
  • 錯誤一:failed to launch PicGo app: Command failed:,找不到picGo的可執行程序,picGo的安裝路徑錯誤,重新安裝picGo到正確路徑即可;
  • 錯誤二:{Failed to Fetch},端口錯誤造成的,typora默認picGo的端口是36677,但是picGo在安裝時默認的可能不是這個,所以需要在pigGo-server中修改端口,注意修改時使用右邊的上下滾輪,不要手動輸入,我遇到過手動輸入數字出錯導致整個picGo無法上傳圖片的現象;
  • 錯誤三:{success:False},上傳到服務器出錯,可能的原因有:picGo端口錯誤,文件名衝突…對於文件名衝突的問題建議修改picGo的設置,開啓時間戳命名;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章