1. 程式人生 > >【轉】將圖片內嵌入Markdown文件中

【轉】將圖片內嵌入Markdown文件中

將圖片嵌入Markdown文件中一直是一個比較麻煩的事情。通常的做法是將圖片存入本地某個路徑或者網路儲存空間,使用URL連結的形式插入圖片:

![image][url_to_image]

這樣做一個明顯的麻煩之處在於處理圖片與Markdown文件的一致性上。如果我們要拷貝文件,或者圖片遭到誤刪/雲端連結失效,就會變得不便。最讓我們省心的方法便是將圖片直接放到文件內部。

一個將圖片嵌入文件中的方法是使用base64編碼。步驟比較簡單: 
1. 將圖片或截圖儲存在本地; 
2. 使用線上工具將圖片轉碼至base64編碼;(link1, link2); 
3. 在文件中插入編碼:

![image][data:image/png;base64, ......]


當然base64編碼一般很長,直接將編碼放入段落內部會影響正常編輯。通常的做法是將base64編碼定義到一箇中間變數中,將編碼本體放到文件末:

![image][tmp]
your document here ...

[tmp]:data:image/png;base64, ......


使用該技巧的時候需要注意,並不是所有的Markdown編輯器都支援這種方法。而且一些Markdown編輯器只支援特定的圖片格式。如有道雲筆記只支援png格式的圖片編碼。需要在儲存圖片檔案的時候加以注意。
--------------------- 
作者:KFXW 
來源:CSDN 
原文:https://blog.csdn.net/u010158659/article/details/61197893 
版權宣告:本文為博主原創文章,轉載請附上博文連結!