vscode-md-展示图片

最新推荐文章于 2024-05-22 22:23:05 发布

卡牌狂人

最新推荐文章于 2024-05-22 22:23:05 发布

阅读量976

点赞数 1

本文链接：https://blog.csdn.net/qq_29778641/article/details/113059344

版权

本文探讨了本地和网络图片路径的使用，包括相对路径和绝对路径的差异，以及如何处理网络图片链接。同时介绍了图片的Base64编码方式，并展示了在Markdown中引用图片的各种形式。通过实例，解释了如何在博客内容中正确插入和引用图片。

摘要由CSDN通过智能技术生成

- 本地-相对路径,绝对路径不行 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BXiEVYGE-1611395979760)(/home/picture/1.png)]；
- 网络 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6FCeixVM-1611395979761)(http://baidu.com/pic/doge.png)] ；
- 图片的base64: ![avatar][data:image/png;base64,iVBORw0......]  
- 图片的base64保存到一个id中，然后引用id ![avatar][base64str]  [base64str]:data:image/png;base64,iVBORw0......  鹅鹅鹅，喵的，不行，用下面的
- ![image description][img-base64的id]] 

下面是例子：

![avatar](/D:/tmp-file/世界长大了，我他妈也老了.jpg) 
![avatar](file:///D:/tmp-file/世界长大了，我他妈也老了.jpg)
![avatar](wordAndMe)
![image description][imgpath]
![avatar](世界长大了，我他妈也老了.jpg)
![avatar](https://i-blog.csdnimg.cn/blog_migrate/fb43765cb884ae19a6feb49ee1a42f87.png) 
![image description][wordAndMe]

avatar
image description