Markdown中插入圖片技巧收集


在操作Markdown時圖片應該是最頭痛的一件事!

比如要發送一個md文件給對方,如果附帶了圖片時,那么就要一大堆文件包括圖片發給對方等等,如果使用在線圖片,那么這個服務器又是一大痛點,因為你不確定這個服務器地址在對方那能不能訪問等等的原因。

要解決這方面的問題可以嘗試以下方法:

1、編寫好md文件后,到處PDF發給對方。

2、使用在線方案:

  • 將md需要用的圖片放到git倉庫中,發布到github上
  • 訪問GitHub倉庫
  • 訪問圖片
  • 點擊Raw按鈕
  • 拷貝鏈接地址
  • 在md中引用圖片,![easonjim]()
3、使用本地方案:
  • 直接使用![easonjim](1.png)

4、(推薦)將圖片轉成base64,然后引用到文件

![img](data:image/png;base64,xxx......)

這個時候會發現插入的這一長串字符串會把整個文章分割開,非常影響編寫文章時的體驗。

如果能夠把大段的base64字符串放在文章末尾,然后在文章中通過一個ID來調用,文章就不會被分割的這么亂了。就像寫論文時的文末的注釋和參考文檔一樣。

這個想法可以通過md的參考式鏈接語法來實現。

進階用法如下:

文中引用語法:

![img][easonjim]

文末存儲字符串語法:

[easonjim]:data:image/png;base64,xxx......

 

參考:

https://www.zhihu.com/question/21065229(以上內容大部分轉自此篇文章)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM