利用Picgo+github建立图床
我们在日常的写博客的过程中往往会出现以下的问题,在本地的markdown编辑器中的图片可以正常显示,但是将写好的markdown文件上传至博客平台中时,图片因无法读取而显示失败,这时我们需要使用图床来解决这个问题,原理就是你把图片上传至云端,随后在markdown中读取url中的链接来显示图片,这样就可以直接上传markdown文件而不用一步步地再手动上传失效的图片了,特别是配合上Typora,能够使我们的效率得到很大程度的提升。
1.在github上建立仓库
首先我们要在github上建立一个公开的仓库用来存储这些上传的图片,点击your repositories选项。
![image-20230105123314026](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105123314026.png)
随后创建一个新的仓库
按照要求进行创建,这里自己取好名字,然后类型一定要选择public,这样才可以看到你的图片。
![image-20230105105707339](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105105707339.png)
创建好仓库后如图所示
接下来我们需要设置外部接入的token,首先先来到github的主页面,点击Settings
![image-20230105110714598](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105110714598.png)
打开设置界面后,点击Developer settings
![image-20230105110848273](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105110848273.png)
在develpoer settings选项下,选择Personal access Tokens-Tokens-Generate new token
![image-20230105111018860](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105111018860.png)
在创建token界面中,我们可以简单地描述下用途,注意这里的期限选择无期限,这样你的token就不会过期,下面的那个scope选择第一个repo。
![image-20230105111758771](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105111758771.png)
创建好token之后,一定要妥善保管,因为到后面就不会再出现了,这里一定要复制好。
![image-20230105112108971](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105112108971.png)
到此为止,我们已经在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用户名]/[仓库名],这样最后点击确定就可以了。
![image-20230105123600670](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105123600670.png)
3.在Typora端设置好picgo
打开Typora的偏好设置
![image-20230105115000841](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105115000841-20230105123052755.png)
在偏好设置下的图像选项下,选择在插入图片时上传图片,图片语法偏好下选择自动转义图片url,上传服务设定中选择PicGo.app,这样在插入图片时会自动上传至github图床,这样的话发博客的话写好的md文件便可以直接上传至网页,而不用再逐个上传图片,省去了不少麻烦。
![image-20230105115140418](https://cdn.jsdelivr.net/gh/ColaWithoutIcee/blogImg/picgoandgithub/image-20230105115140418.png)