【轉】將圖片內嵌入Markdown文件中
阿新 • • 發佈:2018-11-14
將圖片嵌入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
版權宣告:本文為博主原創文章,轉載請附上博文連結!