picgo+gitee+typora實現博客圖牀

背景

在微信公衆號編寫了推文後,從推文裏面複製內容出來在其他平臺發佈,會出現圖片展示不出來的情況,原因是因爲該圖片是微信的鏈接,被限制在其他平臺顯示。

訴求

編寫的推文在多個平臺都能進行發佈,圖片在多個平臺展示正常。

方案

目前有多種方案實現markdown文件的圖牀,存放圖片的平臺也很多。有github、SM.MS等等,如截圖
image-20210706001951681

綜合github在國內訪問較慢,自己沒有騰訊雲、七牛、阿里雲等的賬號,我這裏選擇使用gitee(碼雲),gitee可以理解成是國內的github,訪問速度可以接受。

所以我這裏選擇作爲markdown圖牀的方案是typora+picgo+gitee,就這樣構成我的博客寫作環境。

  • Typora:它是一款輕便簡潔的Markdown編輯器,支持即時渲染技術,即所寫立刻所見,少了排版的時間,專注於文章內容的編輯。
  • PicGo:它是一個用於快速上傳圖片並獲取圖片 URL 鏈接的工具,支持多種圖庫。
  • Gitee:目前中國最大的代碼託管的工具,除了代碼,還可以用作圖片存儲。

搭建步驟

(借鑑網上,圖侵刪,重點記錄在安裝過程出現的問題覆盤)

安裝Typora

下載地址:typora.io

安裝PicGo

  1. 下載地址: Molunerfinn /PicGo

    在這裏插入圖片描述

  2. picgo安裝gitee插件
    在這裏插入圖片描述

    這兩個插件都可以用。
    安裝完插件後重啓picgo應用,在可選擇圖牀那裏會出現gitee的選項
    image-20210706003928812

配置圖牀

  1. 創建公開倉庫

    註冊碼雲gitee,建立圖片存放的公開倉庫
    image-20210707002806232

  2. 設置私人令牌

    image-20210706003246941

image-20210706003405621

記錄私人令牌,配置圖牀需用到
image-20210706003727157

  1. gitee圖片配置

    image-20210706004218341

  2. PicGo配置

    ![image-20210706004319764](../../Library/Application Support/typora-user-images/image-20210706004319764.png)

圖牀接入

打開typora -> 偏好設置->上傳服務設定
image-20210706004537320
點擊驗證圖片上傳選項,成功就會顯示獲取成功。

  • 7)拖一張圖片進來typora,看到圖片的gitee地址出來了,上傳成功
    image-20210706004755031

問題及解決方法

  1. gitee插件一直顯示安裝中,最後報錯無法安裝成功
    【問題原因】npm源指定了公司的源,沒有打開公司內網的iOA工具導致的。picgo安裝gitee插件是通過npm安裝,因爲網絡問題無法訪問到npm的源,所以安裝失敗了。
    【解決方法】打開內網的iOA即可。

  2. gitee插件安裝成功後,上傳一直失敗
    gitee圖片的owner名稱填寫錯誤。這裏owner的名字要填寫xx.git路徑裏面的那個名稱。

    {“success”:false,“message”:“upload error”}
    

    image-20210707002018298

    image-20210706235540197

  3. 定位gitee圖牀配置失敗的問題,要學會看picgo log
    我遇到前面兩個問題,一開始沒看log,以爲是插件的問題,換了另一個gitee插件還是無法上傳成功,接着去找picgo的上傳日誌,寫的清晰

    image-20210707000111779 當插件無法安裝成功的時候,log很清晰指出請求npm源TimeOut👉

    image-20210707000652434

參考鏈接:https://www.cnblogs.com/three-fighter/p/14146715.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章