免费图床搭建教程:使用GitHub + PicGo + Jsdelivr
GitHub + PicGo 搭建免费图床教程
在这篇教程中,我们将学习如何利用 GitHub 和 PicGo 搭建一个免费的图床,实现无限空间的图片存储,并支持 CDN 加速。这对于个人网站、博客或其他平台非常有用。
重要提示:本教程必须使用 master 分支以确保 CDN 加速正常工作。
准备工作
- GitHub 账户:确保你有一个 GitHub 账户
- PicGo 软件:下载并安装 PicGo 客户端
步骤一:创建 GitHub 仓库
- 登录你的 GitHub 账户
- 点击右上角的"+"按钮,选择"New repository"
- 填写仓库名称(例如:my-image-bed)
- 选择"Public"(必须是公开仓库)
- 点击"Create repository"按钮完成创建
- 创建 master 分支:
- 点击 "main" 分支选择器
- 在新分支输入框中输入
master
- 选择 "Create branch: master from 'main'"
步骤二:生成 GitHub Token
- 点击右上角的头像,选择"Settings"
- 在左侧菜单中,选择"Developer settings"
- 点击"Personal access tokens",然后选择"Tokens (classic)"
- 点击"Generate new token"按钮
- 填写名称,勾选"repo"权限(需要完整的仓库访问权限)
- 生成后立即复制 Token(Token 只显示一次!)
步骤三:配置 PicGo
- 打开 PicGo 软件
- 点击左侧的"图床设置"
- 选择"GitHub图床"
- 填写配置信息:
- 仓库名:
你的用户名/my-image-bed
- 分支名:
master
(必须使用 master 分支) - Token:粘贴之前生成的 Token
- 存储路径:可以设置为
img/
- 自定义域名:使用 JSDelivr 加速必须填写:
https://cdn.jsdelivr.net/gh/用户名/仓库名@master
- 仓库名:
步骤四:上传图片
- 在 PicGo 中点击"上传区"
- 选择要上传的图片或直接拖拽图片到上传区
- 等待上传完成,PicGo 会自动复制图片链接到剪贴板
步骤五:使用 JSDelivr 加速
CDN 加速链接格式:
https://cdn.jsdelivr.net/gh/用户名/仓库名@master/图片路径
例如:
https://cdn.jsdelivr.net/gh/your-username/my-image-bed@master/img/example.png
注意事项
- 必须使用 master 分支,这是确保 CDN 加速正常工作的关键
- 确保 GitHub 仓库是公开的
- 建议将图片大小控制在 5MB 以内
- 图片命名避免使用中文和特殊字符
常见问题
- 如果上传失败,请检查是否正确创建了 master 分支
- CDN 加速生效需要等待约 5-10 分钟
- Token 权限必须包含完整的 repo 访问权限
总结
通过以上步骤,你成功搭建了一个免费的图床,利用 GitHub 存储图片,并通过 JSDelivr 实现加速。记住使用 master 分支是本教程最关键的部分,这确保了 CDN 加速的正常工作。
观看视频教程:YouTube
评论