Markdown引入图片基本语法
1) ![alt 属性文本](图片地址 "非必填标题")
alt 属性文本用户对图片进行描述,当图片加载出错时,将会代替图片显示,并且可以获取隐性的SEO的好处。
2) <img src="图片地址" alt="属性文本">
alt 属性文本作用同上。
使用方法1引入图片时,要注意在引入图片地址填写了本地地址时,若要分享Markdown文件,会遇到图片失效的问题。要避免这种情况的话,可选择将图片上传到网络上,从而可以在 Markdown 文件中引用网络地址。或者干脆将图片内嵌到 Markdown 文件中。图片内嵌到Markdown 文档中的方法如下。
首先,使用 Base64 工具类或者在线 Base64 工具将图片转为 Base64 字符串,然后将该字符串填写到图片地址的位置。
![picture](data:image/png;base64,iVBORw0KG...)
如果觉得这样编辑太丑的话,可以将 Base64 字符串的值定义为变量,在文中引用。
![picture](base64)
[base64]:data:image/png;base64,iVBORw0KG...