vscode+github+picgo搭建图床

更多详细的内容可以访问我的个人博客时莫如初
我用的系统是Ubuntu操作系统， Windows除了下载步骤基本一致。

1. 安装vscode和picgo插件

1.1 下载vscode

下载地址 下载deb包然后使用如下命令安装
sudo dpkg -i .deb软件包名

1.2 安装插件

打开后点击下图位置安装扩展

搜索PicGo插件并安装

1.3 配置插件

1.3.1. Github图床设置

关于更详细的git内容

1. 自行注册登录
2. 创建新仓库，必须是public
   
3. 进入个人设置页面，选择开发者设置
   
4. 选择Personal access tokens，选择生成新token，此token是图床上传时验证身份用的
5. 添加Note，然后将repo选上
6. 将生成的字符串保存，关闭页面后将再也无法看到这个字符串了
   

---

1.3.2. picgo插件设置

安装完成后点击小齿轮然后点击扩展设置

找到下图设置：

1. current设置为GitHub
2. Branch是我们仓库的分支，默认为master
3. custom url 使我们图片上传的连接，有两种方式可以使用

• 原生方式
  使用GitHub原生连接，格式为https://raw.githubusercontent.com/[用户名]/[仓库名]/[分支名]
  我的例子https://raw.githubusercontent.com/sudo-li/pic/master
  原生方式有一个弊端就是，国内速度比较慢
• cdn加速方式
  格式为https://cdn.jsdelivr.net/gh/[用户名]/[仓库名]@[分支名]
  我的例子https://cdn.jsdelivr.net/gh/sudo-li/pic
  cdn加速的优点是国内访问速度比较快

4. path是我们的图片存储在仓库中的路径，比如我的是blogs/
5. Repo是我们的仓库，比如我的是sudo-li/pic
   设置完成之后我们可以在一个markdown文件里使用ctrl+alt+E打开资源管理器选择图片,上传成功后就会自动粘贴在你的markdown文件中。