VScodePicGoGithubjsdelivr使用图床书写Markdown

在VSCode中，使用PicGo插件和Github作为图床，结合jsdelivr加速，可以方便地在Markdown中插入图片。只需配置好PicGo，即可一键上传并获取图片链接。

使用 VScode、PicGo、Github 和 jsdelivr 进行图床上传及 Markdown 书写

目前创新互联公司已为1000多家的企业提供了网站建设、域名、虚拟空间、网站运营、企业网站设计、泉州网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

在本教程中，我们将介绍如何使用 VScode、PicGo、Github 和 jsdelivr 进行图床上传以及 Markdown 书写，下面是详细的步骤：

1. 安装并配置 VScode

确保你已经安装了最新版本的 Visual Studio Code（简称 VScode），你可以在官方网站上下载并安装它。

2. 安装并配置 PicGo

PicGo 是一个开源的图床上传工具，可以帮助你快速上传图片到各种图床平台，你可以从官方 GitHub 仓库下载并安装 PicGo。

在安装完成后，打开 PicGo 应用程序，并进行以下配置：

- 在 PicGo 界面上点击 "插件" 选项卡，搜索并安装 "github" 插件，这将允许你将图片上传到 Github 图床。

- 在插件设置中，输入你的 Github 用户名和仓库名，通常，你可以创建一个专门用于存放图片的仓库，以便管理和访问。

3. 安装并配置 jsdelivr

jsdelivr 是一个免费的 CDN（内容分发网络）服务，可以帮助你加速图片的加载速度，你需要在 jsdelivr 网站上注册一个账号，并获取一个 API 密钥。

在 PicGo 的设置中，找到 "图床设置" 选项卡，选择 "自定义上传"，在 "上传前缀" 中填写你的 jsdelivr API 密钥。

4. 使用 VScode 进行 Markdown 书写

现在，你已经完成了图床上传的配置，接下来可以使用 VScode 进行 Markdown 书写。

- 打开 VScode，创建一个新的 Markdown 文件或打开现有的 Markdown 文件。

- 在需要插入图片的地方，使用以下语法来引用图片：

![图片描述](图片链接)

"图片描述" 是图片的说明文字，"图片链接" 是你通过 PicGo 上传到 Github 的图片 URL。

如果你的图片链接是 https://cdn.jsdelivr.net/gh/your_username/your_repo@master/path/to/image.jpg，则可以这样引用图片：

!图片描述

当你完成 Markdown 书写后，保存文件即可。