记一次在博客中引用图片的过程

前言

博客在很多情况下都需要引用图片,但是我按照官方文档的嵌入本地图片的说明操作,图片仍然无法显示,并且这种情况只发生在嵌入本地图片的时候,碰壁了很久我放弃了嵌入本地图片的想法,转为引用图床URL。公用图床不能管理上传的图片,并且管理性较差,我准备采用GitHub+PicGo的方法,就地取材直接建立一个GitHub repo作为图床,易于管理

实践操作

1-1建立GitHub仓库

新建一个GitHub仓库,注意仓库一定要设置为Public,否则无法上传图片

1-2生成Access token

GitHub貌似更改了设置页面的排版,导致我找了很久也没找到Developer settings下的Personal access tokens选项,这个链接可以直达获取Access token的页面,前提是需要先登录GitHub:https://github.com/settings/tokens

最后滑到下面点Generate token

需要及时复制token备用,后续将不再显示token

2-1设置PicGo

下载安装PicGo(https://picgo.github.io/PicGo-Doc/zh/)

转到图床设置/GitHub图床

仓库名格式为 username/repo name

分支名为master

粘贴刚才的token

存储路径可以自行设定,会在repo中新建一个目录存放照片

使用jsdelivr作为CDN加速,域名格式为https://cdn.jsdelivr.net/gh/(用户名)/(仓库名)

点击确定

上传图片后会自动复制图片链接,使用语法:![图片描述](图片URL)

3-1一些需要注意的地方

上传上去的图片名称中不能有空格,否则无法嵌入图片!


资源下载: