如何在md中插入图片呢?

1.本地图片

1
2
# md文件vscode编辑
<img src="/assets/pusheencode.webp" alt="示例图片" style="zoom:50%;" />

2.仓库图片(线上)

1
2
3
# md文件vscode编辑
# ![description](link)
![](https://cdn.staticaly.com/gh/0nedeer/images@master/img/e16d952adf1d40c59bc5a229557fdd7.jpg)

将本地图片上传至GitHub仓库

(1)新建仓库
A. 在GitHub中新建一个仓库
仓库名:images ##专门用于存放图片
注意!创建时添加readme文件
B. 把仓库克隆到本地
在blog文件夹中打开git bash

1
$ git clone "新建仓库网址"

(2)放置图片
A. 在克隆好的文件夹下面创建一个img文件夹
B. 放入图片
C. 在img中打开git bash

1
2
3
$ git add .
$ git commit -m"update_img"
$ git push
    放置成功后可在仓库中查到图片

(3) 应用图片
A. 在themeconfig.yml中Ctrl+f查询需要更改图片的地方
B. 更改url

1
2
3
# md文件vscode编辑
# url(https://cdn.staticaly.com/gh/用户名/images@master/img/图片.jpg)
url(https://cdn.staticaly.com/gh/0nedeer/images@master/img/ae428a29c62deea9c7836f955a31894.jpg)

(4) 每次加图需重复(2)(3)操作

附:Markdown more …
Markdown语法与外挂标签写法汇总