安装PicGo

PicGo的github仓库下载安装包,进行安装

配置Github图床

github上的配置

1.首先,先创建一个公开仓库,用来存放图片。这里我建立了一个images仓库,见下图:

2.点击右上角头像后点击Settings,在打开的页面左边的菜单找到Developer settings

3.点击后在打开的页面左边菜单中点击Personal access tokens,打开页面后点击Gernerate new token

4.点击后会要求输入密码,输入后会跳转到一个页面,Note随便取个名字,勾选页面中的repo前面的复选框

5.其他保持默认,拉到最底下点击Gernerate token

6.这样便生成了一个token,后面会用到(注意保存,退出页面以后就再也看不到了!)

PicGo上的配置

1.打开PicGo,点击图床设置-->GitHub图床,在设定仓库名一栏填写仓库名,格式为账户名/仓库名
比如我的账户名为mint233,仓库名为images,即下图红框中所示

那么我的仓库名就应该设置为mint233/images,如图:

2.设定分支名可以填一个存在的分支即可
在github仓库中可以看到我有一个默认分支main

那么我这里就应该填main

3.在设定Token一栏填写之前让妥善保存的token

4.指定存储路径可以不必设置,设定自定义域名比较重要,为了能使用!!白嫖!!jsdelivr的加速服务,这里应该设置为

https://cdn.jsdelivr.net/gh/你的账户名/你的仓库名@latest

比如我就应该设置为https://cdn.jsdelivr.net/gh/mint233/images@latest,注意url末尾不要带/

5.最后点击确定,就完成所有操作了,此时已经可以通过picgo上传图片了,这里也可以点击设为默认图床方便后续使用
完整的配置如图

6.测试一下是否可用,用截图工具截图到剪贴板,按快捷键ctrl+shift+P即可上传,上传成功会自动在剪贴板生成markdown的图片引用链接

我的写作流程

这里演示以下我配合picgo图床,写博文的流程,大家可以借鉴。这里面使用的软件是我比较推荐的,当然大家如果有自己习惯的软件也可不必参考,看一下思路即可。
1.使用vscode安装markdown插件来写博文

2.需要配截图的时候,使用Snipate的快捷键进行截图

3.使用utools(一个好用的效率工具集合)配合图片压缩插件进行图片压缩后将压缩文件粘贴到剪贴板

ps:强烈建议压缩图片,在基本不减少画质的前提下就可以压缩很多体积,提高网页的加载速度。大家不想特意为此安装一个软件也可使用一些网站来实现

4.按picgo的快捷键ctrl+shift+p将图片上传至github图床,等带弹出通知上传成功后,就可以直接在文中ctrl+v粘贴图片了

5.最后简单梳理一下操作流程
截图软件截图-->压缩图片并粘贴至剪贴板-->ctrl+shift+P-->ctrl+v