前言

使用hexo+GitHub搭建好了静态博客之后,剩下的事就是专心写文章了
工欲善其事,必先利其器
我个人最推荐的工具是Visual Studio Code,即vscode官网下载地址
推荐理由:只在一个软件内就可以完成从写文章到部署的全部工作,并且vscode插件丰富
使用vscode配置picgo插件的方式可以实现插入图片的同时上传图片到指定图床,此文章以配置picgo上传github图床作为演示

配置

安装插件

vscode的扩展中搜索picgoChinese安装两款插件

2021-10-24-17-10-33

更改默认配置

详细配置可以访问插件官网

  • 点击左下角管理-设置

2021-10-24-17-18-06

  • 依次在用户-扩展下找到PicGo

2021-10-24-17-21-14

  • 按照如下图所示进行相关配置

2021-10-24-17-27-53

配置说明

Pic Bed:Current表示:picgo上传图片的默认图床
Github:Branch表示:在GitHub创建的图床分支
Github:Custom Url表示:图片上传成功后返回的图床地址
此项配置为选填项,不配置默认是GitHub图床的仓库地址,我这里用了jsdelivr作为cdn加速,所以填写jsdelivr的加速地址
Github:Path表示:上传图片在GitHub图床中的具体地址
Github:Repo表示:GitHub图床的仓库名,格式是 用户名/仓库名
Github:Token表示:在GitHub账户中设置的Personal access tokens

  • 扩展配置

配置上传成功后返回的图片名称格式

2021-10-24-17-42-39

快捷键

2021-10-24-18-06-00

Windows系统
Ctrl + Alt + U:从剪贴板上传
Ctrl + Alt + E:从资源管理器上传

总结

配置完成,从vscodesetting.json文件中可以看到配置的内容

2021-10-24-18-03-55