解決碼雲或者github的markdown圖片非正常顯示的問題


前言

在我們使用github或者gitee(碼雲)的時候經常會在md文檔中添加一些圖片,本地顯示沒有問題,但是當我們推送本地倉庫到遠程倉庫后圖片不能正常顯示。

原因分析

由於圖片屬於本地圖片,在本地md文件的圖片可以顯示。而推送到遠程倉庫后,缺少一個本地資源和網絡資源的映射。所以需要我們把資源上傳到一個網絡空間,然后引用那個網絡空間的地址即可。

解決方案

  1. 在gitee或者github創建一個存放圖片的遠程倉庫

    例如:imge遠程倉庫

  2. 然后在本地創建一個專門管理圖片的本地倉庫

    例如:imge本地倉庫

  3. 把自己需要的圖片存放到本地倉庫后,並推送到遠程倉庫

  4. 然后點擊遠程倉庫文件進行查看

  1. 然后點擊原始數據進行查看

  2. 直接將顯示的圖片文件拖拽到typora編輯器中即可得到引用圖片的地址

    注:之所以在這里使用typora是因為手寫引用地址容易出錯。

  3. 復制地址到md文檔中即可。

    地址樣式如下:

    ![Fileter_transaction](https://gitee.com/fowner/imge/raw/master/Fileter_transaction.png)
    
  4. 最后把本地編輯好的md文檔推送到遠程倉庫后圖片即可正常顯示

記錄點滴,記錄成長,做好每一次筆記。(--致自己)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM