1. 程式人生 > >MarkDown 文件中插入 Base64 圖片

MarkDown 文件中插入 Base64 圖片

一般插入圖片的方式

![alt](/pictures/img/test.png)

![alt](https://test.jxtxzzw.com/pictures/img/test.png)

插入 base64 圖片程式碼的方式

  • 將圖片轉換為 base64 圖片程式碼(使用網上的工具)
  • 將 base64 圖片程式碼放到文末,為圖片程式碼設定 image ID
  • 在文中需要使用圖片的時候,用 ![image description][image ID] 的方式呼叫

具體實現

  • 圖片程式碼如下:

    [service_life]:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYUAAAH7CAIAAACsaRSuAAAgAElEQVR4AexdBYBVRfe/
    +bq2WbokRFpQLECwW7EVP9vPxP7b3aLYiiIoCIgCighi4GeCSkhIydKwsL2vb/9
    /59733r5dFkTcReINl7vz5k6eOXPOmTNnZhgm4zIQyEAgA4EMBDIQyEAgA4EMBDIQy
    EAgA4EMBDIQyEAgA4EMBDIQyEAgA4EMBDIQyEAgA4EMBDIQyEAgA4EMBDIQyEAgA4EMBDIQyEAgA4HdgwC7e8kaKJVVOudw+
    ...(後面省略)
    

其中,service_life 是為這個圖片程式碼設定的 image ID ,也就是它的名字。後面呼叫的時候就是使用這個名字來實現。

  • 呼叫圖片程式碼:

    ![service life image][service_life]
    

其中,service life image 是對圖片的描述,這個描述可以為空