1 2 3 4

Markdown插入图片

插入本地图片

![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
    gitee

  • github
    github

  1. 复制地址栏地址,在Markdown中引入(方法同插入网络图片)

利用base64

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

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

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

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

在这里插入图片描述

posted @ 2021-03-18 08:57  As-before-如初  阅读(964)  评论(0编辑  收藏  举报