Markdown添加图片

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...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值