GitHub+jsdelivr构建你的免费图床

封装元素

前言

对于博主、开发者和网站管理员来说，图片存储是一个至关重要的需求。传统的图片托管服务通常价格昂贵，而且会给你的网站带来额外的成本负担。本文将介绍如何使用GitHub和jsdelivr构建一个免费的图床，让你轻松存储和管理你的图片。

什么是GitHub和jsdelivr？

GitHub 是一个流行的代码托管平台，它允许你免费创建和托管存储库。你可以将你的代码、文档和其他文件存储在存储库中，并与他人协作。

jsdelivr 是一个CDN（内容分发网络），它可以托管和分发静态文件，如JavaScript、CSS和图片。jsdelivr与GitHub集成，允许你将GitHub存储库中的文件作为CDN分发。

为什么使用GitHub和jsdelivr构建图床？

将GitHub和jsdelivr结合起来构建图床有以下几个优势：

• 免费： GitHub和jsdelivr都是免费服务，因此你可以免费托管你的图片。
• 可靠： GitHub和jsdelivr都是可靠的平台，可以确保你的图片安全可靠地存储和分发。
• 快速： jsdelivr是一个CDN，可以将你的图片快速分发到全球各地的用户。
• 易于使用： 使用GitHub和jsdelivr构建图床非常简单，即使是初学者也可以轻松完成。

步骤指南

1. 创建一个GitHub存储库

首先，你需要创建一个GitHub存储库来存储你的图片。转到GitHub网站并创建一个新存储库。为你的存储库命名，例如"my-image-hosting"。

2. 将图片添加到存储库

接下来，你需要将你的图片添加到存储库中。你可以通过以下几种方式添加图片：

• 将图片文件拖放到存储库页面。
• 点击"Upload files"按钮选择要上传的图片文件。
• 使用Git命令行工具将图片添加到存储库。

3. 创建一个jsdelivr CDN分发点

在将图片添加到存储库后，你需要创建一个jsdelivr CDN分发点来托管和分发你的图片。转到jsdelivr网站并创建一个新分发点。为你的分发点命名，例如"my-image-hosting-cdn"。

4. 将GitHub存储库连接到jsdelivr分发点

现在，你需要将你的GitHub存储库连接到你的jsdelivr分发点。转到你的jsdelivr分发点设置，然后单击"Origin"选项卡。在"Origin URL"字段中，输入你的GitHub存储库的URL。例如：

https://github.com/your-username/my-image-hosting

5. 配置GitHub存储库的webhook

要使jsdelivr能够自动从你的GitHub存储库中获取更新，你需要配置一个webhook。转到你的GitHub存储库设置，然后单击"Webhooks"选项卡。点击"Add webhook"按钮创建一个新的webhook。在"Payload URL"字段中，输入你的jsdelivr分发点的webhook URL。例如：

https://my-image-hosting-cdn.jsdelivr.net/webhook

6. 测试你的图床

现在，你的图床已经配置完成。你可以通过以下步骤测试它：

• 上传一张图片到你的GitHub存储库。
• 等待几分钟，直到jsdelivr从你的GitHub存储库中获取更新。
• 访问你的jsdelivr分发点的URL，你应该可以看到你上传的图片。

7. 使用你的图床

现在，你已经成功地构建了一个免费的图床。你可以使用以下步骤使用它：

• 将图片上传到你的GitHub存储库。
• 使用以下URL访问你的图片：

https://my-image-hosting-cdn.jsdelivr.net/your-image-name.jpg

你可以在你的网站、博客或任何其他需要托管图片的地方使用此URL。

结论

通过使用GitHub和jsdelivr，你可以轻松地构建一个免费且可靠的图床。这个图床可以让你存储和管理你的图片，同时还能以快速和经济的方式向全球用户分发你的图片。