vscode 写markdown文件时图片粘贴问题

为了快速上传md文件到github上，我决定使用vscode来写md文件，但遇到一个问题，vscode的markdown插件不支持粘贴剪切板重的图片，使用paste Image插件只能在本地自动保存没办法很好的做到在网上预览，而其他可以云存储图片的插件又要求必须有域名。所以经过我多方查找资料，最终选择了 picGo+GitHub+Jsdelivr的组合

1. GitHub 配置

1. 首先登陆 GitHub，新建一个仓库或者也可以使用一个已有仓库点击右上角头像选择settings进入设置页面
   
   image.png
2. 点击Developer settings 就可以看到Personal access tokens在这里我们可以 创建一个token，让picGo可以操作我们的github
   
   image.png
3. 点击 Generate new token 创建一个新 token，选择 repo，同时它会把包含其中的都会勾选上，我们勾选这些就可以了。然后拉到最下方点击绿色按钮，Generate token 即可。之后就会生成一个 token ，记得复制保存到其他地方，这个 token 只显示一次！！
   
   image.png

2. PicGo 配置

PicGo: 一个用于快速上传图片并获取图片URL链接的工具

1. 在插件库中搜索 PicGo点击安装，安装好后重启vscode以启动该插件

2. 点击插件列表该插件右下角的齿轮标志进入设置页

   
   
   image.png
3. 选择你要作为图床的应用，默认是smms，我选的是github
   
   image.png
   
   4.找到github相关的配置
   注意：仓库名的格式是用户名/仓库，比如我创建了一个叫做blog的仓库，在PicGo里我要设定的仓库名就是Molunerfinn/blog。一般我们选择master分支即可。然后记得点击确定以生效，然后可以点击设为默认图床来确保上传的图床是GitHub。

picGo 的文档地址 https://picgo.github.io/PicGo-Doc/zh/guide/config.html

image.png

3. Jsdelivr

Jsdelivr , 是一款免费CDN加速器，由于放在Github的资源在国内加载速度比较慢，因此需要使用CDN加速来优化网站打开速度，jsDelivr + Github便是免费且好用的CDN，非常适合博客网站使用。

1. 访问方法

• github

https://cdn.jsdelivr.net/gh/用户名称/仓库名称@版本号/目录

• npm

https://cdn.jsdelivr.net/npm/包名@版本号/目录

• wordpress

https://cdn.jsdelivr.net/wp/plugins/project/tags/版本号/file