通过picgo获取图片链接（GitHub图床）

一、PicGo 是什么❓

PicGo 是一个免费开源的图片上传工具，可以自动将图片上传到图床（如 GitHub、阿里云、sm.ms 等），并自动生成 Markdown 图片链接，适合写博客、技术笔记。

二、picgo下载

方法一：官方下载（可能较慢）

官网链接(https://molunerfinn.com/PicGo/)


⚠️ 如果你在中国大陆，GitHub 下载速度慢，推荐方法二。

方法二：(推荐)通过国内镜像下载

下面只说一个，要看所有的可以看下面的链接（自己点进去看吧）：https://picgo.github.io/PicGo-Doc/zh/guide/#下载安装

• 因为现在有新的版本可能会弹出是否更新为新的版本，自行考虑是否更新

下载安装步骤如下：

三、配置GitHub图床

1、建一个仓库（保存上传的图片）

登陆GitHub，没有给GitHub的记得创建一个账号，我就不教学了，不会的可以自己网上搜，很简单的

2、创建一个新的令牌（这个很重要）

• 英文是settings
  
• 英文是developer settings
  
• 英文是personal access tokens
  
• 英文是tokens（classic）
  
• 先点击generate new token，再点击下面哪个都可以我是点击了generate new token（classic）
  
• 这个随意的意思是可写可不写，只是说明一下这个令牌的用处是什么，❗️注意：一定要点击回购（英文是：repo）
  
• 往下滑点击生成令牌（generate token）
  
• ❗️❗️❗️一定要复制令牌，因为出现了这一次后后面就不出现了，除非更改令牌
  

3、在picgo中配置GitHub图床

• 打开图床设置

• 找到GitHub选项
  
• ❗️输入对应信息，按图片操作即可
  

四、上传图片+生成链接

❗️❗️❗️切记不要在图片的命名上有中文，会失败，如果截图的话建议使用QQ截图，这个好用而且不会有中文的图片名

1、上传图片

• 如果上传成功可以看到相册处是有图片的，并且打开GitHub时图片也是上传了的

📌附：如果上传到GitHub的图片不想要了怎么删除？

• 找到已经上传好的图片，按下图操作
  
• 找到删除文件
  
• 确认信息没错，点击确认就可以了
  

这样就成功删除掉了图片了，但这是不可逆的，所以操作需要谨慎

2、获取图片链接方式

方式一：使用 raw.githubusercontent.com 的图片直链

• 这个在vscode中是可以使用的，但在CSDN上有时候可以用（因为有一定的失败概率，会介绍一种很好用的方法二）

2.1.1、在 PicGo 中查看上传结果（推荐）

2.1.2、手动修改 GitHub 地址（适合你已复制了网页链接）

例如：（ GitHub 地址）https://github.com/creativity77/picture/blob/master/202506302116126.png

• 将github.com改成raw.githubusercontent.com
• 将blob删掉

修改后：https://raw.githubusercontent.com/creativity77/picture/master/202506302117709.png

方法二：（强烈推荐）改用 jsDelivr CDN 加速 GitHub 图床图片

这个是标准：
1️⃣https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>/<路径>/<文件名>
2️⃣https://cdn.jsdelivr.net/gh/用户名/仓库名@分支/路径/图片名

2.2.1、1️⃣手动转换为 jsDelivr

例如：
1️⃣（ GitHub 地址）https://github.com/creativity77/picture/blob/master/202506302116126.png

• 将github.com改成cdn.jsdelivr.net/gh
• 将blob和master删掉

2️⃣（原始 raw 链接）https://raw.githubusercontent.com/creativity77/picture/master/202506302117709.png

• 将raw.githubusercontent.com改成cdn.jsdelivr.net/gh
• 将master删掉

修改后：https://cdn.jsdelivr.net/gh/creativity77/picture/202506302117709.png

2.2.1、2️⃣手动转换为 jsDelivr

例如：
1️⃣（ GitHub 地址）https://github.com/creativity77/picture/blob/master/202506302116126.png

• 将github.com改成cdn.jsdelivr.net/gh
• 将/blob/改成@

2️⃣（原始 raw 链接）https://raw.githubusercontent.com/creativity77/picture/master/202506302117709.png

• 将raw.githubusercontent.com改成cdn.jsdelivr.net/gh
• 将master和picture中间的/改成@

修改后：
https://cdn.jsdelivr.net/gh/creativity77/picture@master/202506302116126.png

2.2.2、网站转换

将GitHub网站复制进去就可以生成对应的jsDelivr

https://www.jsdelivr.com/github

2.2.3、📌（强烈推荐）通过手动修改配置文件，来实现“自定义图床链接格式”

通过手动修改配置文件，来实现“自定义图床链接格式”，特别是用来生成 jsDelivr 的 CDN 链接

• 将上传后的 GitHub 图片链接，自动变成这种格式（jsDelivr CDN）：https://cdn.jsdelivr.net/gh/用户名/仓库名@分支/路径/图片名
• 具体操作如下：

1. 打开 PicGo 的配置文件

可以按下面的配置文件路径查找data.json；
如果找不到可以下载一个everything，这样也可以找到

* everything是一个免费的而且很好用的搜索电脑文件的软件下载+安装+使用教程🔗（https://blog.csdn.net/2402_89218457/article/details/149048193?）

双击data.json，并且用记事本打开

2. 修改 GitHub 图床配置

在 data.json 中，找到 picBed.github 节点，手动添加或修改 customUrl 字段，例如：
格式为：https://cdn.jsdelivr.net/gh/用户名/仓库名@分支/路径

• 我的打开时是有customUrl 字段，它的具体格式是："customUrl": "" 的，只用在双引号里增添就可以了

⚠️ 注意事项：
path 和 customUrl 中的路径要一致，如果你path中没有什么你在customUrl 就不要加什么（我的path就没有内容）

这个是path有内容的，按这个操作来更改

• 最后保存就可以了

3、以上操作均完成后，重启picgo，看看是否更改成功

• 打开下面哪一个都可以判断是否成功
  
  
• 记得将链接复制粘贴，看看markdown插入图片使用是否有效，如果失败记得回头看看哪里出现错误

小结：
上面讲述了picgo的下载+安装；获取GitHub令牌；GitHub图床；GitHub删除图片；获取图片链接的两种方式

• 如果文章中哪里有错误或者遗漏了什么内容，欢迎大家在评论区说明

感谢大家可以看完这篇文章🌹🌹🌹