GitHub+PicGo,搭建个人免费图床,无限空间,免费使用,支持CDN加速
### 前言在这个数字化时代,个人博客、技术文档、在线教程等对图像的需求日益增长。无论是展示项目截图、分享生活瞬间,还是辅助教学内容,高质量的图片都是传达信息的重要媒介。然而,对于许多内容创作者来说,找到一个稳定、可靠且成本效益高的图床服务并非易事。传统的图床服务往往伴随着存储限制、速度瓶颈或隐藏的费用陷阱。往往放在自己的vps上又怕资源不足。
今天,我要和大家分享我自己也在用的解决方案——利用GitHub和PicGo搭建一个完全免费、无限空间、支持CDN加速的个人图床。这不仅能够满足你对图床的所有需求,还能让你在创作的道路上更加自由、不受限制。
GitHub,作为全球最大的 `同性&交友平台`,以其稳定性和强大的版本控制功能而闻名。而PicGo,一个开源的图片上传管理器,能够无缝集成GitHub,让你的图片上传和管理变得前所未有的简单。结合这两个强大的工具,我们可以打造一个几乎没有任何限制的图床服务,而且完全免费!
在本篇文章中,我将带你一步步了解如何设置这样一个图床,从GitHub仓库的创建到PicGo的配置,再到实际的图片上传和管理。无论你是技术小白还是资深开发者,都能轻松上手,享受到这一解决方案带来的便利。
认真阅读,有些细节还是需要注意的
### 准备工作
* **Github账户:**https://github.com/
* 注册十分简单
* **Picgo客户端:**
* 插件留给有需要的人研究,本文没有用来
* 按需选择
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djaeUSicWibbIvNeSmDcicEITtHhrvbHzywgJAA9v0VjqRzdejHw5Ajzytw/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
github下载:https://github.com/Molunerfinn/PicGo/releases/
* 插件下载:https://github.com/PicGo/Awesome-PicGo
* **node.js**
* Picgo安装插件需要node.js
* node.js : https://nodejs.org/en/
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djerSUVDQ4wjPTLPxmYJdVbcfNUPgYtA2q4AewF7SV0N2AQEz5icrGaQg/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
都是一直next即可
* 安装完成后在 `CMD`查看是否安装成功,如图
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djicGxiaOSs2PYibTTdRwKlAxHmuREz2YCB6rqudd6vxOzkOtVO7PuWqmKA/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
出现这个版本信息,则表明node.js安装成功!
* 随后重启picgo(若还是要求安装node.js-则关闭之后再重新打开)
### 开始部署
#### 一、Github设置
* 流程 =》New一个仓库 =》Repository name随意,好记就行,这里以 `img`为例 =》Public =》Add a README file勾打上 =》其它默认 =》Create repository =》完成后来到创建的img仓库
* 在img仓库
* Setting =》`General页` >> `Default branch`的**main**改成**master** =》
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djfgKInr5Wlj0RT9RFiatQTB4ibXZgrmU2VLmiaic3HqpMFtqb2yEEnGxicdg/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
账户首页
* 右上角头像 =》Settings =》Developer settings(左下角最后)
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djHUFswe9MZzlROxfMhic5EkngKlT76A2htR7EpKAYaicfJx2viaAdDu1eQ/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
* `Personal access tokens` >> Tokens (classic) >> generate new token >> Generate new token (classic) >> `note`随意 >> `Expiration`改成**No Expiration** >> `Select scopes` >> `repo`全选 >> 齐活了,拉到最下方 `Generate token`
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djlSjK8XTUzeakWloESib3hqNBeFN5wfA0CKjClLMrcg3Stlo4dXZuDYw/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
把api key记下来,不会再出现第二次的了
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djSeibdAUdHUWAfDq8ibSxib5j3qbnnh1pnunsSZ10ibSNkbujHx8BvkfkZw/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)**至此Github端的设置已全部完成**
#### 二、Picgo设置
* 安装完成后 =》PicGo设置 =》其它的按需选择 =》时间戳重命名打开 =》最下方显示图床只勾选使用的Github
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djvyicVTM5vTiaiaRn8icEDpfxJxEjWTE4NlGibNIlHfAibGT7hzuSKRibkoFfQ/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2dj3IdhNr13nxkKQNJGTibicHYl0eKDTictlXs7beh5hsjfZv2qp7lrqCVmQ/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
图床设置 =》Default =》配置如下
* 例:`https://cdn.jsdelivr.net/gh/wayne2389/image@master`
* ![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djJ8XXgM0ib5IicKj3zp1e1x9CCW2lhVJ87lBIdK1S0xcKmBsJibGRYWCuQ/640?wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
注意: 这里的自定义域名使用的是jsdelivr cdn加速,大厂,放心使用,不加这个国内访问图经常挂掉,懂的都懂
* 图床配置名:`Default`(可自定义)
* 设定仓库名:就是github刚刚创建的仓库,以我为例:`wayne389/image`
* 设定分支名:`master`**(这里有个小坑,创建仓库的时候默认是main,如果没有改成master,这里也相应的写成main)**
* 设定Token:刚记录下来的github token
* 设定自定义域名:`https://cdn.jsdelivr.net/gh/[用户名]/[仓库名]@master`
* **至此完成,恭喜大家已拥有一个免费无限空间的图床,可以试试上传,注意一点:单张图片大小不要超过 `5m`大小,一般都够用**
![图片](https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_gif/TrkFI5CZV77BZiaxlnXmBJ3NfibaoVS2djfed5OCpIJbmGpAIwNkHibz3WZOGIvbTCnkNxLj04XwianBa87uV9Qyqw/640?wx_fmt=gif&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1)
感觉相比之下淘宝的更好用
页:
[1]