使用VScode插件vs-picgo传图到七牛云上

使用vs-picgo插件,让hexo在写文章过程中插入图片变得如此自然顺滑!

安装Vscode Plugin for PicGo

VSCode编辑器的Extensions中搜索PicGo并安装

配置PicGo

  1. 打开设置选项:File>Preferences>Settings(快捷键:Ctrl+,);
  2. 在“Settings”面板中的:Extensions>PicGo,将当前图床选择为“qiniu”,并对下方的“Qiniu”字段进行设置。需要设置的字段分别如下:
1
2
3
4
5
6
7
"accessKey": "",
"secretKey": "",
"bucket": "", // 存储空间名
"url": "", // 自定义域名
"area": "z0" | "z1" | "z2" | "na0" | "as0", // 存储区域编号
"options": "", // 网址后缀,比如?imgslim
"path": "" // 自定义存储路径,比如img/

如果要对图片进行分类,可以在写文章前对path进行配置成需要的目录名称。

更多图床配置详见:PicGo配置手册

上传图片快捷键

在VScode编辑器中直接使用以下快捷键,将自动完成上传并将图片链接自动插入到Markdown页面中

从剪贴板上传图像
Windows / Unix:Ctrl + Alt + u
OsX:Cmd + Opt + u
从资源管理器上传图像
Windows / Unix:Ctrl + Alt + e
OsX:Cmd + Opt + e
从输入框上传图像
Windows / Unix:Ctrl + Alt + o
OsX:Cmd + Opt + 0