Markdown中嵌入base64圖片

在有道雲做筆記的時候,常常使用markdown記筆記,這樣看起來更加清晰,但是涉及到圖片的時候,常用的處理方法是:

1、將本地的圖片地址傳入
2、將網絡上的圖片地址傳入。

這兩種方式都存在一個問題:

第一種方式,如果我們在閱讀markdown的時候本地環境中沒有這張圖片時,圖片會顯示不出來。
第二種方式,如果網站做了防盜鏈,圖片也不能顯示出來。

但如果使用base64的編碼將圖片嵌入文檔中,便不會出現以上問題,這時圖片將成爲文檔中的一部分。
步驟如下:

1、將圖片或截圖保存在本地;
2、使用在線工具將圖片轉碼至base64編碼;(鏈接
3、 在文檔中插入編碼;![image](base64)

這時又有一個問題,就是圖片轉換爲base64之後,這段代碼特別長,會影響到我們書寫筆記,所以我們採用爲圖片代碼設置image id,將這段代碼放在最後即可!

格式如下:

![image][image id]
you can write your document here 
[image id]:your image's base64

這樣就可以實現將圖片內嵌入markdown中了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章