一、为什么需要个人图床？

在互联网内容创作中，图片是不可或缺的元素。无论是技术博客、个人网站还是社交媒体，高质量的图片能显著提升内容吸引力。然而，直接将图片上传至第三方平台（如微博图床、imgur）存在以下风险：

1. 平台限制：免费服务可能限制存储空间、访问流量或强制添加水印。
2. 稳定性问题：第三方平台可能因政策调整、服务器故障导致图片失效。
3. 访问速度：非CDN加速的图片加载速度受服务器地理位置影响，全球用户访问体验差异大。

个人图床的优势：

• 完全控制权：自主管理图片，避免依赖第三方。
• 免费或低成本：利用GitHub免费存储空间（需注意单仓库100GB限制）。
• CDN加速：通过CDN分发，显著提升全球访问速度。

二、GitHub + PicGo：技术选型依据

1. GitHub作为存储后端

• 免费计划：GitHub提供无限公共仓库，每个仓库最大100GB，适合个人图床。
• 版本控制：自动记录图片修改历史，便于回滚。
• API支持：通过GitHub REST API实现自动化上传。

限制与应对：

• 私有仓库需付费：选择公共仓库，或通过.gitignore忽略敏感文件。
• 访问频率限制：GitHub API每小时最多5000次请求，普通图床使用远低于此值。

2. PicGo：图床管理工具

• 跨平台支持：Windows/macOS/Linux均有客户端。
• 插件生态：支持GitHub、七牛云、阿里云OSS等20+图床服务。
• 快捷键上传：截图后直接粘贴上传，提升效率。

三、搭建步骤详解

步骤1：创建GitHub仓库

1. 登录GitHub，点击右上角+ → New repository。
2. 填写仓库名（如my-image-hosting），选择Public，勾选Initialize this repository with a README。
3. 点击Create repository。

步骤2：生成Personal Access Token

1. 进入GitHub设置 → Developer settings → Personal access tokens → Tokens (classic) → Generate new token。
2. 勾选repo权限（用于读写仓库），设置过期时间（建议1年）。
3. 复制生成的Token（仅显示一次，务必保存）。

步骤3：配置PicGo

1. 下载PicGo（官网链接），安装后打开。
2. 进入图床设置 → GitHub图床：
   • 设定仓库名：填写用户名/仓库名（如yourname/my-image-hosting）。
   • 设定分支名：默认为main。
   • 设定Token：粘贴步骤2生成的Token。
   • 指定存储路径：可选，如images/（图片将存储在仓库的images文件夹下）。
   • 自定义域名：关键步骤，填写CDN加速后的域名（如https://cdn.jsdelivr.net/gh/yourname/my-image-hosting@main，后文详述）。
3. 点击确定保存配置。

步骤4：测试上传

1. 在PicGo主界面选择GitHub图床。
2. 拖拽图片到上传区域，或使用快捷键（默认Ctrl+Shift+P）。
3. 上传成功后，复制的链接格式为：https://raw.githubusercontent.com/用户名/仓库名/分支名/路径/图片名。

四、CDN加速方案

方案1：jsDelivr免费CDN

jsDelivr是GitHub官方推荐的CDN服务，支持从GitHub仓库快速加载文件。

配置步骤：

1. 自定义域名填写：https://cdn.jsdelivr.net/gh/用户名/仓库名@分支名。
2. 上传后，PicGo生成的链接将自动转为CDN链接，如：

   https://cdn.jsdelivr.net/gh/yourname/my-image-hosting@main/images/example.jpg

优势：

• 全球节点覆盖，平均加载速度提升3-5倍。
• 免费且无流量限制。

注意事项：

• jsDelivr可能因缓存未及时更新，可通过添加?version=随机数强制刷新（如?v=123）。

方案2：自定义域名+Cloudflare

若需更高控制权，可绑定自定义域名并通过Cloudflare加速：

1. 购买域名（如images.yourdomain.com）。
2. 在GitHub仓库的Settings → Pages → Custom domain添加域名。
3. 在域名注册商处添加CNAME记录指向用户名.github.io。
4. 通过Cloudflare接入域名，启用CDN和SSL。

五、进阶优化技巧

1. 图片压缩与格式优化

• 工具推荐：使用TinyPNG或ImageOptim压缩图片，减少体积。
• 格式选择：
  • 照片：WebP（比JPEG小30%）。
  • 截图/图标：PNG（无损压缩）。

2. 自动化工作流

• Git钩子：通过GitHub Actions自动压缩图片后上传。
• PicGo插件：安装watermark插件自动添加水印。

3. 备份策略

• 定期克隆：git clone --mirror备份仓库。
• 多仓库冗余：将图片同步至另一个仓库（如Gitee）作为备份。

六、常见问题解决方案

问题1：上传失败（403错误）

• 原因：Token权限不足或过期。
• 解决：重新生成Token，确保勾选repo权限。

问题2：图片加载慢

• 检查：
  1. 确认CDN链接是否正确（如jsDelivr链接格式）。
  2. 使用浏览器开发者工具查看网络请求是否命中CDN节点。
• 优化：切换至其他CDN（如UNPKG）。

问题3：GitHub仓库容量超限

• 解决：
  1. 清理旧图片（通过GitHub网页端或git rm）。
  2. 分拆至多个仓库（如按年份分类）。

七、总结与建议

通过GitHub + PicGo搭建个人图床，结合CDN加速，可实现零成本、高效率的图片管理方案。关键步骤包括：

1. 创建GitHub公共仓库并生成Token。
2. 配置PicGo的GitHub图床参数，重点设置自定义域名为CDN链接。
3. 优先使用jsDelivr免费CDN，或通过自定义域名+Cloudflare实现更灵活控制。

长期维护建议：

• 每月检查仓库使用情况（Settings → Repository size）。
• 定期备份图片至本地或其他云存储。
• 关注GitHub政策变化（如存储限制调整）。

此方案尤其适合个人博客作者、技术文档写作者及开源项目维护者，在保证控制权的同时，提供接近商业图床的访问体验。