Typora+GitHub 上传图床

Typora 是一款知名的 Markdown 编辑器，简单好用，体验良好。使用 hexo 搭建好博客后，主要是用 Markdown 来编写博客，typora 便是我的首选编辑器。但直接使用 typora 编写的 Markdown 文件，图片路径可能存在问题，就导致页面上图片无法显示。自己去改路径的话那就很麻烦了，好在 Typora 支持拖拽或复制来插入图片，并且可以复制到指定路径，或直接上传到图床，这就非常方便了。

本文的图片在移动端无法正常显示出来，没错就是用了 GitHub 图床的原因，这个问题我也不知道为什么，暂未解决！！！

上传到图床

下载 PicGo

官网地址：官网
下载地址：下载地址

Typora配置

在 typora 里可以设置插入图片时自动上传，这里使用 PicGo App 来上传图片，如下图设置：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4GNDvgYE-1655708876644)(https://raw.githubusercontent.com/zzy-cl/Cloud_BlogImg/master/img/1654160848462.jpg)]

PicGo配置

我用的是 github 来作为图床，配置如下：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-co2tyh1e-1655708876645)(https://raw.githubusercontent.com/zzy-cl/Cloud_BlogImg/master/img/image-20220602171031961.png)]

设定仓库名：github账户名/你自己新建的仓库名

设定分支名：你自己选的分支名，main或master

设定Token：你自己在 github 中创建的 token (后面有教程)

指定路径：可以不写，也可以写 你想存入的子文件夹/，这个文件夹不需要自己新建，你上传照片的时候会自动生成。

设定自定义域名：你自己的CDN加速域名。

具体就是在 GitHub 新建一个仓库专门用来存放图片，然后在 PicGo 里填写 用户名/仓库名，分支一般写 main ，token 在 GitHub 设置里生成。

下边是 PicGo 文档里 GitHub 图床的详细步骤，其他图床可参考官方文档。
如果 GitHub 图片访问过慢的话，可以将自定义域名设置为 https://cdn.jsdelivr.net/gh/{用户名}/{仓库名}@{分支名}
注意：现在 jsdelivr 在中国区已经挂掉了，经过解析发现域名都指向了日本东京，所以当前不能用了！！

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LK8cYWeM-1655708876646)(https://raw.githubusercontent.com/zzy-cl/Cloud_BlogImg/master/img/20220602194242.png)]

1. 首先你得有一个 GitHub 账号。注册 GitHub 就不用我多言。

2. 新建一个仓库

记下你取的仓库名。

3. 生成一个 token 用于 PicGo 操作你的仓库：

访问：https://github.com/settings/tokens

然后点击Generate new token。

把 repo 的勾打上即可。然后翻到页面最底部，点击Generate token的绿色按钮生成 token。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Cda98ukI-1655708876647)(https://raw.githubusercontent.com/zzy-cl/Cloud_BlogImg/master/img/image-20220602173212090.png)]

**注意：**这个 token 生成后只会显示一次！你要把这个 token 复制一下存到其他地方以备以后要用。

4. 配置 PicGo

**注意：**仓库名的格式是用户名/仓库，比如我创建了一个叫做Cloud_BlogImg的仓库，在 PicGo 里我要设定的仓库名就是zzy-cl/Cloud_BlogImg。一般我们选择main分支即可。然后记得点击确定以生效，然后可以点击设为默认图床来确保上传的图床是 GitHub。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-deUKOEyl-1655708876648)(https://raw.githubusercontent.com/zzy-cl/Cloud_BlogImg/master/img/image-20220602173452142.png)]

至此配置完毕，已经可以使用了。当你上传的时候，你会发现你的仓库里也会增加新的图片了：

聚合图床

ImageHub 图床

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a9SUPBxD-1655708876649)(https://s1.imagehub.cc/images/2022/06/02/520.png)]

GitHub 图床

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KhAL1reQ-1655708876649)(https://raw.githubusercontent.com/zzy-cl/Cloud_BlogImg/master/img/520.png)]

sm.ms 图床