Markdown插入图片

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Markdown插入图片，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含795字，纯文字阅读大概需要2分钟。

内容图文

插入本地图片

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

只需要在小括号中填入图片的位置路径即可，支持绝对路径和相对路径。

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

插入网络图片

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

只需要在小括号中填入图片的网络链接即可。

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

拓展

利用github/gitee

1. 将markdown需要用的图片放到gitee/github仓库中，发布到gitee/github
2. 通过gitee/github仓库访问图片
3. gitee点击原始数据，github点击Download

• gitee
  

• github
  

5. 复制地址栏地址，在Markdown中引入（方法同插入网络图片）

利用base64

1. 将图片转换为 base64 图片代码
   打开 chrome 浏览器，将图片拖入浏览器中，打开调试面板（F12），在 Sources 栏下即可看到该图片的 base64编码 字符串。
   

2. 将 base64 图片代码放在变量中
   

3. 在文中需要使用图片的时候，用以下的方式调用

![图片描述随意][第二步的变量名]
![avatar](PNG_ID)

内容总结

以上是互联网集市为您收集整理的Markdown插入图片全部内容，希望文章能够帮你解决Markdown插入图片所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---