Github图片无法显示,怎么办?

有小伙伴问,GitHub图片怎么显示不出来,怎么办?今天告诉你解决办法。

1.什么是图床?

图床,顾名思义是给图片睡觉的床,也就是一个专门放图片的服务器。把需要的图片放到这个服务器上以后,这个图片就会有一个地址,使用这个地址就可以在互联网上打开图片了。

在GitHub的《图解SQL面试题》电子书项目中,你会发现在目录的页面,我添加了一个image 的文件夹,用来专门存放图片。

目前这个电子书项目中,使用的图片大部分是存放在公号平台上,也就是把公号当作图床了。

但是,公号对有些图片不支持外部访问,也就是当你从公号文章复制图片链接后在其它平台上是无法显示的。怎么解决这个问题呢?

这个时候就需要将图片上传到 GitHub 上,用 GitHub 做图床。

2.如何做图床?

如果项目用到的图片很多,一张一张图片上传到GitHub是非常耗时的,所以我十一了图片上传工具PicGo,它可以快速上传图片到 Github 上。

PicGo 下载地址:https://github.com/Molunerfinn/PicGo

点击下图红框处下载安装

接下来对图片上传工具 PicGo进行配置。

1)在 Github中生成一个Token

在主页点击 Setting 按钮

进入后点击 Developer Setting

选择 Personal access tokens,然后点击 Generate new token

填写描述,选择repo权限,然后点击Generate token按钮

完成上面步骤后,会生成一串token,这串token之后不会再显示,所以第一次看到的时候,可以建个文本文件好好保存,忘记了只有重新生成,每次都不一样。

2)配置 PicGo

打开图片上传工具PicGo

设定仓库名的时候,是按照“账户名/仓库名的格式填写”

分支名统一填写“main”

将之前的Token黏贴在这里

存储的路径可以按照上图我这样子写,就会在repository下创建一个“xxx/xxx/xxxxx/”文件夹,当然你可以自己定义你的文件夹名字

自定义域名的作用是在上传图片后成功后,图片上传工具PicGo会将“自定义域名+上传的图片名”生成的访问链接。

修改PicGo 设置开启上传提示,这样上传成功后会后提示。

在上传区选择 GitHub图床,将需要上传的图片拖拽到上传区,图片就会自动上传到 GitHub中相应的文件夹下。

然后,将GitHub中图片链接的地址,替换为当前新的图片链接地址,这样图片就可以正常显示了。

我的《图解SQL面试题》电子书在这里可以打开:

https://github.com/houzidata/Graphical-SQL-interview-questions

推荐:从零学会sql?