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的图片编码如何得来？

记录一个在线编解码的网站： https://base64.us/

使用python将图片转化为base64字符串

import base64
f=open('723.png','rb')          #二进制方式打开图文件
ls_f=base64.b64encode(f.read()) #读取文件内容，转换为base64编码
f.close()
print(ls_f)

base64字符串转化为图片

import base64
bs='iVBORw0KGgoAAAANSUhEUg....' # 太长了省略
imgdata=base64.b64decode(bs)
file=open('2.jpg','wb')
file.write(imgdata)
file.close()

－－－完

添加一个AR码试试。


[base64str]:https://img-blog.csdnimg.cn/2022010614142941248.png

markdown添加图片相关推荐

有道云笔记非会员MarkDown添加图片
我们知道在有道云笔记中,MarkDown要添加图片需要会员功能才可以复制粘贴,本文主要介绍了非会员使用MarkDown添加图片的方法,以及使用文本识别OCR的功能. 我自己的博客原文链接如下(PS:有 ...
MarkDown添加图片的三种方式
Markdown插图片有三种方法,各种Markdown编辑器的插图方式也都包含在这三种方法之内. 插图最基础的格式就是: ![Alt text](图片链接 "optional title&q ...
非会员如何添加youdao笔记的markdown添加图片
背景经常使用有道笔记,但是值得付费的东西还不多,目前只需要markdown上产图片功能,单独为这个付费不值得.现在贴下我是用的临时方法解决本地E盘建立文件夹 E:/youdao/ 写markdo ...
Markdown插入图片操作
文章目录 1.图片位置(通用) 2.缩放 (1)指定大小(csdn专用) (2)按比例缩放(csdn专用) (3)?x-oss-process=image/resize只能缩小(通用) 3.鼠标放上后 ...
hexo+markdown添加本地图片无法显示
这个的话就要说一下hexo所支持的markdown和其他一些markdown语法稍微有点不同造成的. 比如我在写一篇文章时它的名字叫" R语言绘制个性化词云 ",这个时候它会自动 ...
MarkDown文档添加图片题注
MarkDown文档添加图片题注图片: <table> <tr> <td> <center> <img src="assets/003 ...
html转图片_jupyter lab 笔记添加图片的方法汇总
如何使用ipython笔记本--添加丰富的内容(图片部分) IPython's Rich Display System In Python, objects can declare their tex ...
Markdown 调整图片位置与大小
文章目录 1.图片语法格式 2.调整图片位置 2.1 居左 2.2 居中 2.3 居右 3.调整图片大小 3.1 等比缩放 3.1.1 相对父级元素 3.1.2 相对自身 3.2 非等比缩放 3.2. ...
hexo 添加图片，音乐，链接，视频
如果实在搞得头晕直接去简书写文章,再把简书生成的md文章复制过来就好了(简书是个不错的Markdown在线编辑器),还可以去马克飞象,专为印象笔记打造的 Markdown 编辑器,typora 也是不 ...

markdown添加图片

markdown添加图片

插入本地图片

插入网络图片

把图片存入markdown文件

最后，base64的图片编码如何得来？

markdown添加图片相关推荐

最新文章

热门文章