使用Github+PicGo+jsDelivr搭建免费图床

AI 文章摘要时光AI(本站开发)

一、引言

对于热衷于博客创作的朋友们，图床这一概念一定不陌生。它可能在某些时刻给你带来了不便，但也是博客写作中不可或缺原文链接：https://dqzboy.com的一部分。

图床是什么？ 简单来说，图床就像是一个在线的相册，它允许你存储图片并生成可公开访问链接。虽然任何人都可以查看和下载这些图片，但只有图片的上传者才有权限进行编辑和删除。想象一下，它就像你通过百度云分享的照片，他人可以查看和下载，但所有权始终属于分享者。

图床与博客写作的紧密联系： 在撰写博客时，我们经常需要插入大量图片。虽然在本地预览时一切正常，但一旦发布到网络，图片往往无法显示，因为网络平台不会自动上传你本地的图片。这时，图床的作用就显得尤为重要。当然，如果你直接在某个平台编辑博客，这个问题通常不会发生，因为大多数平台会为你自动上传图片。

拥有图床服务意味着你可以轻松地将博客从一个平台复制到另一个，无需担心图片无法显示的问题。

今天，我将与大家分享一个关于如何搭建自己的免费图床的教程。这不仅有助于我个人的复习，也希望能够对大家有所助益。

二、搭建步骤

1、准备事项

在我们开始搭建图床之前，有几项准备工作需要完成：

Github 账号： 一个必不可少的工具，我们将使用它来创建和管理我们的图床。
PicGo：一个用于快速上传图片并获取图片 URL 链接的工具

另外一款高效的云存储和图床平台管理工具PicList，PicList在PicGo的基础上经过深度的二次开发，不仅完整保留了PicGo的所有功能，还增添了许多新的feature。

项目地址：https://github.com/Kuingsmile/PicList

2、创建仓库

2.1：创建新的仓库

3、安装PicGo

3.1：安装软件

安装下载PicGo工具，用来进行上传图片文件，方便我们进行管理
GitHub地址：https://github.com/Molunerfinn/PicGo

3.2：配置软件

（1）生成GitHub Token

首先，我们先要去 Github 创建一个 token；打开 Settings -> Developer settings -> Personal access tokens，最后点击 generate new token

（2）配置PicGo程序

选择GitHub，然后点击默认的配原文链接：https://dqzboy.com置进行修改

注意：这里使用jsDelivr加速访问，在配置图床时需要在自定义域名这里添加jsDelivr的GitHub加速地址；

格式：https://cdn.jsdelivr.net/gh/你的GitHub用户名称/仓库名称

三、上传图片

1、上传图片到图床

现在我们直接通过PicGo软件上传一张本地图片进行测试

2、获取图片URL路径

获取图片URL方式1：

获取图片URL方式2：

3、更新资源

CDN (内容分发网络) 实质上是一个缓存系统，它帮助我们更高效地向用户分发资源。因此，每次我们更新资源文件（例如更换网站的 LOGO）后，都需要更新 CDN 的缓存，这样新文件才能够生效和被用户访问到。

虽然 jsDelivr 这种 CDN 服务会在一定的时间内自动更新其缓存，但是，如果我们需要立刻让新的资源文件生效，就必须手动触发缓存更新。幸运的是，进行手动更新是非常简单的。你只需将资源 URL 中的 “https://cdn.jsdelivr.net/” 部分更改为 “https://purge.jsdelivr.net/“，然后在浏览器中访问这个更新后的资源完整URL，即可立即触发缓存更新。