Markdown 中如何添加圖片

語法

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

本地圖片

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

本地圖片能夠使用絕對路徑/相對路徑,不便於分享.網絡

網絡圖片

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

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

base64編碼圖片

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

上面的base64圖片用法,一般會文章中間出現一大長串base64字符,很是影響編寫排版和複用,能夠以下獨立複用.圖片

![base圖片][image-base64Str]

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

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

So,你們看着用吧...io

相關文章
相關標籤/搜索