vscode 配置插件 PicGo

迈不过友情╰ 2023-07-04 06:09 127阅读 0赞

如果你是用 `markdown` 写文章的话，会发现一个问题。插入图片，要么发布的时候手动一个个的粘贴，要么，就是放到其他`bucket`里面，然后用图床。恰好有这么一款工具，配合 `vscode` 得心应手。

## 先来看看什么是 PicGo ##

> https://picgo.github.io/PicGo-Doc/zh/guide/

PicGo在上传图片之后自动会将图片链接复制到你的剪贴板里，可选5种复制的链接格式。

VSCode的 PicGo 是基于PicGo-Core开发的一款插件，这样的感觉就像在是在线编辑器里面的实时编辑的体验。

> https://github.com/PicGo/PicGo-Core

支持的图床有 `微博图床 v1.0、七牛图床 v1.0、腾讯云COS v4v5版本 v1.1 & v1.5.0、拍云 v1.2.0、GitHub v1.5.0、SM.MS v1.5.1、阿里云OSS v1.6.0、Imgur`。

## 七牛 ##

我亲自体验了下，七牛如果是免费用户的话，一个月访问域名会回收，就是删除，因此长远来看不可用。

![WX20200208-171934.png][]

最后一个URL一个后回收。

![WX20200208-171951.png][]

## 微博 ##

只配置一个用户名和cookies。我参考的这个获取的cookies，但是没有成功，看了一圈有人提到说，微博的防盗链，所以微博的图床目前不可用。

![WX20200208-171416.png][]

## Github ##

1.  首先你得有一个GitHub账号。注册GitHub就不用我多言。
2.  新建一个仓库`test`
3.  生成一个token用于PicGo操作你的仓库：

> 访问：https://github.com/settings/tokens
> 
> 然后点击Generate new token。
> 
> 把repo的勾打上即可。然后翻到页面最底部，点击Generate token的绿色按钮生成token。

`注意：`这个token生成后只会显示一次！你要把这个token复制一下存到其他地方以备以后要用。

然后把相关的信息填写到对应的地方即可。![WX20200208-172400.png][]

目前手里没有阿里云和腾讯云，没有验证，对于免费党的话，建议用Github就可以了。

## 使用 ##

<table> 
 <tbody> 
  <tr> 
   <th>系统</th> 
   <th>从剪贴板上传图像</th> 
   <th>从资源管理器上传图像</th> 
   <th>从输入框上传图像</th> 
  </tr> 
  <tr> 
   <td>Windows / Unix</td> 
   <td>Ctrl Alt u</td> 
   <td>Ctrl Alt e</td> 
   <td>Ctrl Alt o</td> 
  </tr> 
  <tr> 
   <td>macOS</td> 
   <td>Cmd Opt u</td> 
   <td>Cmd Opt e</td> 
   <td>Cmd Opt o</td> 
  </tr> 
 </tbody> 
</table>

https://wx2.sinaimg.cn/mw690/6374f516ly1gb288ffq39j206n06r3yx.jpg

[WX20200208-171934.png]: https://img-blog.csdnimg.cn/20200208175152295.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjUxNDYwNg==,size_16,color_FFFFFF,t_70
[WX20200208-171951.png]: https://img-blog.csdnimg.cn/20200208175152546.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjUxNDYwNg==,size_16,color_FFFFFF,t_70
[WX20200208-171416.png]: https://img-blog.csdnimg.cn/20200208175152749.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjUxNDYwNg==,size_16,color_FFFFFF,t_70
[WX20200208-172400.png]: https://img-blog.csdnimg.cn/20200208175152994.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjUxNDYwNg==,size_16,color_FFFFFF,t_70