PicGo上传GitHub配置时出现的问题

当使用 Typora 编辑器将图片上传至 GitHub 时，可能会遇到一些挑战。在本篇博客中，我将分享我近期在探索这一功能时遇到的问题以及相应的解决方案。通过查看日志、排查错误和利用 ChatGPT 的帮助，我成功地解决了上传过程中的困扰。我将分享如何查看日志文件、定位错误信息以及解决可能与 Node.js 安装有关的插件问题。如果您也在使用 Typora 和 PicGo 进行图片上传时遇到类似问题，本文或许能够为您提供一些有用的指导。无论是初次尝试还是已经使用一段时间，解决技术问题的经验都能够提升您的工作效率。

1. 查看日志

首先最重要的是要明白自己无法上传的原因

1. 打开日志文件，直接点击打开

2. 拉到最后，最下面的才是最新的日志信息

   

3. 查看报错信息

   这一步最简单的方式是直接发送给Chatgpt，能够快速定位错误信息

   

2. 排查错误

2.1 插件安装失败

检查Node.js是否下载成功，一般插件安装失败是和这个有关系的
Node.js 下载官网

如果这里也都是正确的，考虑先去将PicGo版本升到最新版本
PicGo 官网

2.2 检查仓库本身是否可用

先从本地上传一张图片到github，找到仓库里的图片点击在新标签中打开图片，然后复制地址栏中的图片地址，复制到typora测试这个链接是否可用

如果这一步不可行的话，考虑创建仓库时有一些配置弄错了，需要重新配置仓库（直接删了重新创）

2.3 连接超时

检查代理和加速

因为一些众所周知的原因，如果你的所有配置都是正确的了，但日志信息显示的是连接超时，那就需要考虑配置代理以及CDN加速了

在这里配置相应的代理(关闭代理之后，图片就加载不出来了，别人没有开代理同样也看不到，想让别人能看到则需要使用CDN加速了)

针对CDN加速，则可以使用以下网站JSDELIVR

// 加载任何 GitHub 版本、提交或分支
// 注意：我们建议对支持它的项目使用 npm
https://cdn.jsdelivr.net/gh/user/repo@version/file

// 加载 jQuery v3.6.4
https://cdn.jsdelivr.net/gh/jquery/jquery@3.6.4/dist/jquery.min.js

// 使用版本范围而不是特定版本
https://cdn.jsdelivr.net/gh/jquery/jquery@3.6/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

// 完全省略版本以获得最新版本
// 你不应该在生产中使用它
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

// 将“.min”添加到任何 JS/CSS 文件中以获得缩小版本
// 如果不存在，我们将为您生成它
https://cdn.jsdelivr.net/gh/jquery/jquery@3.6.4/src/core.min.js

// 在末尾添加 / 以获得目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/

省流：

https://cdn.jsdelivr.net/gh/StarCodeQuest/blog-img-PicGo@main

https://cdn.jsdelivr.net/gh/Github用户名/仓库名/分支名称

也可以使用 GitHub raw 加速 Git raw 官方文档

#将原地址
raw.githubusercontent.com

#替换为
raw.gitmirror.com

#替换后的链接
https://raw.gitmirror.com/Sbwillbealier/cdn_img/blog-1.0/img/202306191118833.png

省流：

https://raw.gitmirror.com/StarCodeQuest/blog-img-PicGo/main

https://raw.gitmirror.com/Github用户名/仓库名/分支名称

这样就可以使用PicGo访问Github了

2.4 typora显示image load failed

目前没有找到一个特别好的解决方案，可以尝试多上传几次

以下为其他博客对此问题的解决方案：

Typora中 image load failed 和picgo不能预览上传图片的解决方案

3. 完整教程参考

• 体验PicGo+GitHub搭建图床，使用jsDelivr或Github raw免费加速

下载链接参考：

• Node.js 下载官网Node.js 下载官网

• PicGo 官网

CDN加速链接参考：

• JSDELIVR

• Git raw 官方文档

https://raw.gitmirror.com/Github用户名/仓库名/分支名称
https://cdn.jsdelivr.net/gh/Github用户名/仓库名/分支名称

其他扩展知识参考：

• CDN详解