markdown添加图片

markdown添加图片

主要记录下把图片存入markdown文件的方法。


作者:清风Python
链接:https://www.jianshu.com/p/280c6a6f2594
来源:简书

插图最基础的格式就是:

![Alt text](图片链接 "optional title")

Alt text:图片的Alt标签,用来描述图片的关键词,可以不写。最初的本意是当图片因为某种原因不能被显示时而出现的替代文字,后来又被用于SEO,可以方便搜索引擎根据Alt text里面的关键词搜索到图片。 图片链接:可以是图片的本地地址或者是网址。“optional title”:鼠标悬置于图片上会出现的标题文字,可以不写。

插入本地图片

只需要在基础语法的括号中填入图片的位置路径即可,支持绝对路径和相对路径。
例如:

![avatar](/home/picture/1.png)

不灵活不好分享,本地图片的路径更改或丢失都会造成markdown文件调不出图。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N6dbMyHU-1586413678004)(/home/picture/1.png)]
不灵活不好分享,本地图片的路径更改或丢失都会造成markdown文件调不出图。

插入网络图片

只需要在基础语法的括号中填入图片的网络链接即可,现在已经有很多免费/收费图床和方便传图的小工具可选。
例如:

![avatar](http://baidu.com/pic/doge.png)

将图片存在网络服务器上,非常依赖网络。

把图片存入markdown文件

用base64转码工具把图片转成一段字符串,然后把字符串填到基础格式中链接的那个位置。

  • 基础用法:
![avatar](data:image/png;base64,iVBORw0......)

这个时候会发现插入的这一长串字符串会把整个文章分割开,非常影响编写文章时的体验。如果能够把大段的base64字符串放在文章末尾,然后在文章中通过一个id来调用,文章就不会被分割的这么乱了。

  • 高级用法
    比如:
![avatar][base64str]

文末添加:
[base64str]:data:image/png;base64,iVBORw0......

最后,base64的图片编码如何得来?

  1. 使用python将图片转化为base64字符串
import base64
f=open('723.png','rb')          #二进制方式打开图文件
ls_f=base64.b64encode(f.read()) #读取文件内容,转换为base64编码
f.close()
print(ls_f)
  1. base64字符串转化为图片
import base64
bs='iVBORw0KGgoAAAANSUhEUg....' # 太长了省略
imgdata=base64.b64decode(bs)
file=open('2.jpg','wb')
file.write(imgdata)
file.close()

---完

添加一个AR码试试。
avatar


[base64str]:data:image/png;base64,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

你可能感兴趣的:(markdown添加图片)