Markdown 中如何添加圖片


語法

![alt text](uri "optional title")
  • alt text:可選,圖片標簽,用來描述的關鍵詞,圖片加載錯誤時候的替代文本,也可用於SEO.
  • uri: 可選,圖片鏈接,可以是本地/網絡/base64編碼地址.
  • optional title:可選,鼠標移動到圖片上顯示的標題.

本地圖片

![本地圖片](/dic/logo.png)

本地圖片可以使用絕對路徑/相對路徑,不便於分享.

網絡圖片

![網絡圖片](https://some.png)

網絡圖片存在於你的/別人的服務器上,可通過網絡地址直接引用,但依賴網絡.

base64編碼圖片

![base64圖片](data:image/png;base64,dajhahdfkf...省略不知道多少字符)

上面的base64圖片用法,通常會文章中間出現一大長串base64字符,非常影響編寫排版和復用,可以如下獨立復用.

![base圖片][image-base64Str]

#  .md 文章末尾統一寫復用的內容
[image-base64Str]:data:image/png;base64,dsjkadd...

不過base64也有個問題,比如我要在多篇文章中使用同一個圖片呢?

So,大家看着用吧...


免責聲明!

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



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