VScode PicGo Github jsdelivr使用图床书写Markdown

VScode PicGo Github jsdelivr使用图床书写Markdown在写Markdown文档时，我们经常需要插入图片来更好地展示内容。VScode是一款非常流行的代码编辑器，而PicGo则是一款开源的图床工具。可以通过以下链接下载并安装：VScode：PicGo：2. 注册Github账号并创建仓库接下来，我们需要注册Github账号并创建一个仓库来存储我们的图片。

VScode PicGo Github jsdelivr使用图床书写Markdown

在写Markdown文档时，我们经常需要插入图片来更好地展示内容。然而，直接将图片放在本地或者直接复制粘贴到Markdown文档中并不是一个好的选择，因为这样会使得Markdown文档变得臃肿，难以管理和维护。因此，使用图床来管理图片是一个更好的选择。

在本篇文章中，我们将介绍如何使用VScode、PicGo、Github和jsdelivr来搭建自己的图床，并在Markdown文档中使用它来插入图片。

1. 安装VScode和PicGo

首先，我们需要安装VScode和PicGo。VScode是一款非常流行的代码编辑器，而PicGo则是一款开源的图床工具。可以通过以下链接下载并安装：

VScode：

PicGo：

2. 注册Github账号并创建仓库

接下来，我们需要注册Github账号并创建一个仓库来存储我们的图片。Github是一个非常流行的代码托管平台，也可以用来存储图片等文件。可以通过以下链接注册Github账号：

Github：

登录Github后，点击右上角的“+”按钮，选择“New repository”来创建一个新的仓库。输入仓库名称并勾选“Initialize this repository with a README”，然后点击“Create repository”来创建仓库。

3. 配置PicGo

打开PicGo并进行配置。首先，选择“设置”菜单，在“上传设置”中选择“Github”，然后输入你的Github账号和刚才创建的仓库名称。接着，在“存储设置”中选择“自定义域名”，并输入jsdelivr的加速域名：

你的Github用户名/你的仓库名称@

最后，在“高级设置”中选择“复制链接格式”为Markdown格式，并在“自定义文件名”中输入：

[YYYY]-[MM]-[DD]-[HH][mm][ss].[ext]

这样可以保证每个图片都有一个唯一的文件名。

4. 上传图片

现在，我们已经完成了PicGo的配置。接下来，我们可以将图片拖动到PicGo窗口中或者使用截图工具来截取屏幕，并将截图粘贴到PicGo窗口中。上传成功后，PicGo会自动复制图片链接到剪贴板中。

5. 在Markdown文档中使用图片

现在，我们已经成功地将图片上传到了Github仓库中。接下来，我们可以在Markdown文档中使用它。在需要插入图片的位置，使用以下格式来插入图片：


其中，图片链接就是我们刚才上传图片后PicGo自动复制到剪贴板中的链接。注意，如果使用了自定义文件名，那么需要将链接中的文件名替换成你上传的图片的文件名。

6. 使用jsdelivr加速访问

由于Github在国内的访问速度较慢，我们可以使用jsdelivr来加速访问。jsdelivr是一个全球开源项目加速服务，可以将Github仓库中的文件进行加速分发。

在Markdown文档中插入图片时，将图片链接中的“”替换成“”，即可使用jsdelivr进行加速访问。

7. 总结

通过使用VScode、PicGo、Github和jsdelivr，我们可以搭建自己的图床，并在Markdown文档中使用它来插入图片。这样可以使得Markdown文档更加简洁、清晰，并且方便管理和维护。