没人告诉你的秘密：Typora+PicGo+GitHub 免费图床天花板

问题场景

我们经常写文章的时候，会插入很多图片素材，这些图片素材的管理就显得非常重要~

同时在本地使用文章的图片会产生一系列让人懊恼的问题~

相信长期写文档的你一定也和我一样遇见过以下这些问题~

1.本地图片太麻烦

文章和图片放一起，移动、改名、拷贝，一不小心图片就找不到，文章直接裂图。

2.复制文章到别的平台就失效

发到各个平台，本地图片带不过去，要一张张重新上传，超级浪费时间!

3.在线笔记容量受限

语雀、印象笔记、飞书这些，免费版都有每月流量限制，传多了就不让传，还要删东西~

当然,也许你也想过要像语雀文档一样粘贴即上传, 也就是说截图一粘就自动上传到某个地方，自动变链接，文章干干净净，只需要拷贝文字，发布到哪个平台都能看, 这是我们想要的结果~

所以就诞生出了一个Typora+PicGo+Github的方案来解决以上这些问题~

Typora+PicGo+Github文档在线图床部署方案

让我们写文章粘贴图片自动传云端，markdown文档中全是在线图片链接~

这种方式的好处在于，免费无限空间、国内速度一般、图片必须公开，所有人能看!

最适合发博客、公开文章，不怕别人看图片!

如图

本质上就是Typora粘贴图片→PicGo上传到 GitHub→GitHub生成在线地址→PicGo返回给Typora，这样来实现了粘贴即自动生成可跨平台访问的图片链接 这就是我们的解决方案!

那么接下来就跟着我的操作一起来实现~

前期准备

1. 安装好Typora
2. 下载PicGo
3. 注册GitHub账号

GitHub创建公开仓库

首先，在GitHub中新建一个公开仓库, 找到点右上角(+)号

然后选择: New repository(新建仓库)

如图

在Repository name(仓库名称)：你可以随便填，如 PicGo

在Choose visibility(可见性) : 这里要设置为Public

最后点击Create repository

如图

创建完成~

如下

token令牌生成

然后继续， 我们此时需要在 GitHub 上生成一个token

一会用来在PicGo中根据这个token信息上传图像到我们的仓库~

首先点击右上角头像 选择 Settings

如图

然后往下拉，找到并选择: Developer settings

如图

继续点击: Personal access tokens(个人访问令牌) 然后选择： Tokens(classic)

最后点击Generate new token

如图

Generate new token (classic)：经典通用版，操作简单、权限全、适合新手和 PicGo 这种老工具，直接勾 repo 权限就能用。

如图

而Fine-grained, repo-scoped：精细化权限版，权限更细、更安全，但设置复杂PicGo目前不支持这种 token别选它!

然后继续进入到创建token页面

Note填写刚刚创建的仓库。

Expiration选择 No expiration

Select scopes只用选择repo同时它会把包含其中的都会勾选上

如图

最后点击最下方绿色按钮生成令牌

如图

然后就会生成一个token，把这个记下来~

如图

注意: 这个token只会显示一次~(要牢记) , 到此GitHub的配置到这里就完成了~

PicGo部署

PicGo就是一个专门帮你自动传图片的 中间工具 ,

也就是说我们只负责粘贴，它默默把图片传到 GitHub/Gitee/其他并生成链接，不用我们手动上传!

流程就是你在 Typora 粘贴图片 → 图片先到 PicGo, 然后PicGo 自动上传到GitHub/Gitee

再把在线图片链接放回Typora, 我们全程不用打开网页、不用点上传、不用复制链接岂不乐哉~

下载安装PicGo

根据你的电脑系统，直接选下面对应的版本下载

Windows系统直接下 PicGo-2.5.3-x64.exe就可以了

如图

正常执行安装即可

如图

正常启动~

配置PicGo

选择左侧Picbeds settings(图床设置)里面的Github 里面的加号

如图

如图

填写相应的配置如下

Configuration Name：随便写，比如 GitHub图床

Set Repo Name：填 你的GitHub用户名/仓库名（例：zhangsan/img-bed）

这里也就是回到我们自己刚刚创建的GitHub仓库

找到网址github.com/用户名/仓库名 复制后面的用户名/仓库名

如图

Set Branch：填 main

Set Token：粘贴我们刚刚生成的Token

Set Path：填 img/

Set Custom URL：填 https://cdn.jsdelivr.net/gh/你的GitHub用户名/仓库名@main

如图

jsDelivr 加速 GitHub 图片

简单的说jsDelivr就是一个免费全球加速节点,

让我们的GitHub上的图片在国内打开更快、不卡顿、不裂图，只需要在 PicGo 里填一行自定义域名就行!

解决什么问题？

GitHub 图片国内慢、有时打不开 , jsDelivr 就是给 GitHub 图片开高速通道

设置

只改PicGo一个地方，也就是Set Custom URL(自定义域名), 在这里启用jsDelivr 加速

填入固定格式
加@main 是指定读取main分支，确保图片稳定读取、不报错、不失效。

注意

1. GitHub 仓库必须是公开的

2. jsDelivr 只加速 GitHub，不支持 Gitee

设置以后所有新图片自动加速, 上传图片自动走加速链接!

不用额外注册、不用花钱、完全免费

最后点Confirm 就搞定！

如图

然后显示如下形式

如图

PicGo设置中文

直接在PicGo Settings中设置简体中文即可

如图

PicGo 上传测试

配置完成之后， 我们就可以来测试一下效果, 随便一个截图到剪贴板

注意:在测试上传的时候，要把一些加速工具关闭了，例如Steam++加速工具必须关闭，否则会冲突

然后在主界面点击剪贴板图片, 你就能看到会自动上传剪贴板中的图片了!

如图

当上传成功之后，我们就可以在自己创建的Github仓库中，看到上传的图片了!

如图

这些图片你都可以使用github命令来进行控制

typora 配置

打开typora, 进入到文件 → 偏好设置 → 图像

插入图片时: 选择上传图片

上传服务设定:

上传服务：PicGo (app)

选择 PicGo.exe 安装路径

其他根据需求进行勾选~

如图

然后点 验证图片上传，成功就完事~

如图

现在我们在typora中直接粘贴一张图片来看看效果如何~

如下

注意

在打开typora写文档的时候,PicGo也要一直打开, typora才能自动上传图片, 关了就传不起!

另外如果上传失败的图片，可能会直接保存到typroa本地的指定目录, 通常都是在C盘~自行查看即可!

全路径如下

C:\用户\主机名\AppData\Roaming\Typora\typora-user-images

例如

C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images

最后

此时此刻~我们在写文章的时候，直接粘贴到文档中的图片就会自动上传GitHub，并且链接公开，无限空间!

国内速度一般，适合公开的写作内容~