1. 程式人生 > >MarkDown插入圖片的三種方式

MarkDown插入圖片的三種方式

MarkDown插入圖片的三種方式

插入本地圖片

  • 只需要在基礎語法的括號中填入圖片的位置路徑即可,支援絕對路徑和相對路徑
![avatar](/home/picture/1.png)

插入網路圖片

  • 在基礎語法的括號中填入圖片的網路連結即可,現在已經有很多免費/收費圖床和方便傳圖的小工具可選
![avatar](http://....../***/***.png)

使用base64對圖片進行編碼

  • 用base64轉碼工具把圖片轉成一段字串,然後把字串填到基礎格式中連結的那個位置
![avatar](data:image/png;base64,iVBORw0......)
  • 不過base64對圖片進行編碼得到的字串會較長,我都是把這些字串放在檔案尾部,然後在需要插入圖片的位置進行引用,具體方法如下:
![avatar][base64str]
[base64str]:data:image/png;base64,iVBORw0...
  • 還有就是,我寫了兩個python程式來對圖片進行編碼和解碼: