VScode PicGo Github jsdelivr使用图床书写Markdown

VScode PicGo Github jsdelivr使用图床书写Markdown随着互联网技术的发展，人们在日常生活和工作中越来越需要图像资料。验证成功后，输入Github的Personal Access Token，用于授权PicGo上传图片到Github。打开jsdelivr官网，在搜索框中输入Github用户名和仓库名，选择正确的分支，即可得到图片链接。将这个链接替换掉原来的链接即可。希望本文能够帮助大家更好地使用图床。

VScode PicGo Github jsdelivr使用图床书写Markdown

随着互联网技术的发展，人们在日常生活和工作中越来越需要图像资料。在写作、博客、论文等场合，我们经常需要插入图片。然而，直接将图片上传到文章中会导致文章体积变大，加载速度变慢，甚至会影响网站的访问速度。因此，使用图床是一个不错的选择。

本文介绍了如何使用VScode、PicGo、Github和jsdelivr结合起来，创建自己的图床，并在Markdown中方便地插入图片。

1. 安装VScode和PicGo

VScode是一款轻量级的代码编辑器，支持Markdown语言的编写。PicGo是一个开源的图床工具，可以帮助我们快速上传图片到图床。

安装完成后，在VScode中搜索“PicGo”插件并安装。

2. 创建Github仓库

Github是一个免费的代码托管平台，也可以用来存储图片。我们需要创建一个新的仓库，用于存储我们的图片。

在Github上创建一个新的仓库，命名为“picgo”，并将其设置为公共仓库。

3. 配置PicGo

打开PicGo，进入设置页面。在“上传设置”栏目中，选择“Github”作为图床类型，输入Github用户名和仓库名，点击“验证”按钮进行验证。验证成功后，输入Github的Personal Access Token，用于授权PicGo上传图片到Github。

4. 上传图片

在VScode中编辑Markdown文档时，选择需要插入图片的位置，按下快捷键“Ctrl+Alt+U”，选择要上传的图片即可。上传成功后，PicGo会自动将图片链接复制到剪贴板中。

5. 插入图片

在Markdown文档中，使用以下格式插入图片：

```


其中，“图片描述”是对图片的简单说明，“用户名”、“仓库名”和“分支名”是我们在Github上创建的图床信息，“图片路径”是我们上传的图片的路径。

6. 使用jsdelivr加速

由于Github的服务器在国外，访问速度可能较慢。为了提高图片加载速度，我们可以使用jsdelivr进行加速。

打开jsdelivr官网，在搜索框中输入Github用户名和仓库名，选择正确的分支，即可得到图片链接。将这个链接替换掉原来的链接即可。

以上就是使用VScode、PicGo、Github和jsdelivr创建图床并在Markdown中方便地插入图片的方法。希望本文能够帮助大家更好地使用图床。