利用Picgo+github建立图床

利用Picgo+github建立图床

我们在日常的写博客的过程中往往会出现以下的问题，在本地的markdown编辑器中的图片可以正常显示，但是将写好的markdown文件上传至博客平台中时，图片因无法读取而显示失败，这时我们需要使用图床来解决这个问题，原理就是你把图片上传至云端，随后在markdown中读取url中的链接来显示图片，这样就可以直接上传markdown文件而不用一步步地再手动上传失效的图片了，特别是配合上Typora，能够使我们的效率得到很大程度的提升。

1.在github上建立仓库

首先我们要在github上建立一个公开的仓库用来存储这些上传的图片，点击your repositories选项。

随后创建一个新的仓库

按照要求进行创建，这里自己取好名字，然后类型一定要选择public，这样才可以看到你的图片。

创建好仓库后如图所示

接下来我们需要设置外部接入的token，首先先来到github的主页面，点击Settings

打开设置界面后，点击Developer settings

在develpoer settings选项下，选择Personal access Tokens-Tokens-Generate new token

在创建token界面中，我们可以简单地描述下用途，注意这里的期限选择无期限，这样你的token就不会过期，下面的那个scope选择第一个repo。

创建好token之后，一定要妥善保管，因为到后面就不会再出现了，这里一定要复制好。

到此为止，我们已经在github上建立好了一个可以和第三方连接到一个仓库，可以作为我们的图床。

2.配置好Picgo

首先我们要下载好picgo，这里给出picgo的官网https://picgo.github.io/PicGo-Doc/zh/，可以在官网上根据自己电脑的型号选择不同的下载源进行下载。

打开下载好的Picgo后，我们在图床设置选项下的Github下进行设置，仓库名称格式是==[github用户名]/[仓库名]==，一定不要写错，分支名填入main（如果不行的话打开github仓库界面看看是main还是master），Token就是当时保管好的Token，存储路径是可选的，不填写的话存储在仓库下，填写的话会保存在img/这个子文件夹下。

最后的域名可填可不填，这个cdn的作用是来加速github图片显示的，因为有时图像加载很慢，格式为https://cdn.jsdelivr.net/gh/[github用户名]/[仓库名]，这样最后点击确定就可以了。

3.在Typora端设置好picgo

打开Typora的偏好设置

在偏好设置下的图像选项下，选择在插入图片时上传图片，图片语法偏好下选择自动转义图片url，上传服务设定中选择PicGo.app，这样在插入图片时会自动上传至github图床，这样的话发博客的话写好的md文件便可以直接上传至网页，而不用再逐个上传图片，省去了不少麻烦。