欢迎光临
我们一直在努力

VScode PicGo Github jsdelivr使用图床书写Markdown

VScode是一款强大的编辑器,PicGo是图床工具,Github是代码托管平台,jsdelivr是CDN加速服务。

在写作Markdown文档时,我们经常需要插入图片,直接将图片上传到GitHub可能会遇到一些问题,比如图片大小限制、加载速度慢等,为了解决这些问题,我们可以使用图床服务将图片上传到一个专门用于存储和分发图片的服务器上,然后在Markdown文档中引用这个服务器上的链接,在这篇文章中,我将介绍如何使用VScode、PicGoGithub和jsdelivr来创建一个图床。

一、安装和配置VScode

我们需要安装VScode,VScode是一个开源的代码编辑器,支持几乎所有的编程语言,并且有很多插件可以使用,你可以在VScode的官网上下载并安装。

安装完成后,我们需要安装一些有用的插件。"Markdown All in One"插件可以帮助我们更好地编写Markdown文档,"Live Server"插件可以让我们实时预览我们的Markdown文档。

二、安装和配置PicGo

PicGo是一个用于快速上传图片到图床的工具,你可以在PicGo的官网上下载并安装。

安装完成后,我们需要配置PicGo,打开PicGo的设置界面,选择"图床设置",然后添加一个新的图床,在这个新的图床中,我们需要填写以下信息:

名称:这个名称是你在PicGo中识别这个图床的方式,你可以随便填写。

选项:这个选项是你需要填写的图床的API地址,对于jsdelivr,这个地址是https://cdn.jsdelivr.net/gh/你的用户名/仓库名@分支名/

路径:这个路径是你的图片在图床上的存储路径,你需要根据你的需求来填写。

配置完成后,我们就可以使用PicGo来上传图片了,只需要将图片拖拽到PicGo的窗口中,PicGo就会自动将图片上传到我们配置的图床上。

三、使用Github作为图床

我们可以使用Github作为我们的图床,我们需要在Github上创建一个新的仓库,我们将这个仓库设置为公开的,这样其他人就可以访问我们的图片了。

接下来,我们需要在我们的Markdown文档中使用Github的链接来引用我们的图片,如果我们的图片名为example.jpg,那么我们可以使用以下的链接来引用我们的图片:

![example](https://cdn.jsdelivr.net/gh/你的用户名/仓库名@分支名/example.jpg)

四、使用jsdelivr作为图床

除了Github,我们还可以使用jsdelivr作为我们的图床,jsdelivr是一个免费的CDN服务,它可以帮助我们更快地加载图片。

我们需要在Github上创建一个新的仓库,我们将这个仓库设置为公开的,并且启用Github Pages功能,这样,我们就可以通过https://你的用户名.github.io/仓库名来访问我们的仓库了。

接下来,我们需要在我们的Markdown文档中使用jsdelivr的链接来引用我们的图片,如果我们的图片名为example.jpg,那么我们可以使用以下的链接来引用我们的图片:

![example](https://cdn.jsdelivr.net/gh/你的用户名/仓库名@分支名/example.jpg)

以上就是如何使用VScode、PicGo、Github和jsdelivr来创建一个图床的方法,希望对你有所帮助。

问题与解答

1、Q: PicGo是什么?

A: PicGo是一个用于快速上传图片到图床的工具,它支持多种图床服务,包括Github、七牛云、阿里云等。

2、Q: 为什么我们需要使用图床?

A: 使用图床可以将图片上传到一个专门用于存储和分发图片的服务器上,从而避免直接将图片上传到GitHub可能遇到的问题,如图片大小限制、加载速度慢等。

3、Q: 如何配置PicGo?

A: 打开PicGo的设置界面,选择"图床设置",然后添加一个新的图床,在这个新的图床中,我们需要填写图床的名称、选项(即图床的API地址)和路径。

4、Q: 如何使用Github作为图床?

A: 我们需要在Github上创建一个新的仓库,并将其设置为公开的,我们在Markdown文档中使用Github的链接来引用我们的图片。

赞(0) 打赏
未经允许不得转载:九八云安全 » VScode PicGo Github jsdelivr使用图床书写Markdown

评论 抢沙发