【分享】震驚！寫了二十年的Markdown，第一次知道竟然可以這樣插入圖片！—— Markdown插入圖片的三種方式

對於混跡CSDN的你們，Markdown語法想必不是很陌生的東西。

Markdown 是一個高效寫作的工具，但是有個缺點就是添加圖片比較繁瑣。它插入圖片通常使用用鏈接的方式，或是本地圖片路徑，或是網頁圖片路徑。

• 本地圖片路徑在與團隊共享markdown文件時，會無法顯示圖片，或者需要將markdown轉換成PDF再分享，這又會造成不方便編輯的情況。
• 網絡圖片路徑可能會出現圖牀鏈接失效的情況，而且在沒有網絡的設備上無法閱讀。

使用鏈接插入圖片的方法:

![Alt text](圖片鏈接 "optional title")

Alt text：圖片的Alt標籤，用來描述圖片的關鍵詞，可以不寫。最初的本意是當圖片因爲某種原因不能被顯示時而出現的替代文字，後來又被用於SEO，可以方便搜索引擎根據Alt text裏面的關鍵詞搜索到圖片。
圖片鏈接：可以是圖片的本地地址或者是網址。“optional title”：鼠標懸置於圖片上會出現的標題文字，可以不寫。在CSDN不適用。
在末尾可以加上類似#pic_center 之類的參數使圖片居中，該方法在typora不適用。

例如：

![](https://img-blog.csdnimg.cn/20200522164615538.gif)

使用base64圖片編碼將圖片存入markdown

用base64轉碼工具把圖片轉成一段字符串，然後把字符串填到基礎格式中鏈接的那個位置。這樣圖片的所有信息都以base64編碼的形式被儲存下來了。

插入的兩種方式

![]()

<img src='data:image/png;base64,0lGODlhtwC3APYAAAAAAA......' />

獲取base64的圖片編碼的方法

base64圖片在線轉換

或者用代碼：

import base64
f = open('test.gif','rb') #二進制方式打開圖文件
ls_f = base64.b64encode(f.read()) #讀取文件內容，轉換爲base64編碼
f.close()
print(ls_f)

缺點：

同樣是1M的圖片和1M的文字，電腦在處理1M文字會比同等大小的圖片喫力的多，特別是在markdown裏。就好像帶着十千克的棉花會比十千克的鐵塊要麻煩一樣。

博客用到的僅1M的gif使用的字符數量就有：

但是CSDN有字數限制，所以我換一張小一點的gif

縱然如此，這篇博客也有這麼多字。