# 前言
# 使用 GitHub+Vercel+Picgo 搭建图床
# 🌵 好处:
- GitHub 是一个免费的代码托管平台,可以用来存储图片等文件。
- Vercel 是一个免费的云服务平台,可以用来部署静态网站。
- Picgo 是一个开源的图片上传工具,可以将图片上传到 GitHub。
# 🍀 优点:
- 免费:GitHub 和 Vercel 都是免费的,可以节省成本。
- 稳定:GitHub 和 Vercel 都是大公司,服务稳定可靠。
- 安全:GitHub 和 Vercel 都有完善的安全机制,保证数据安全,可防御一些常见的攻击。
- 方便:使用 Picgo 上传图片后,可以直接复制图片链接,方便快捷。
# ⚠️ 缺点:
- 速度较慢:由于图片需要从 GitHub 加载,所以速度可能会比较慢。
- GitHub 没有设置磁盘配额,但是有一些限制。推荐 1G 以内,达到 1G 以后会受到 GitHub 的通知邮件,上传超过 50M 的单个文件会 warning,无法上传超过 100M 的单个文件。
# 🍆 原理:
使用 Picgo 上传图片后,图片会被上传到 GitHub 仓库中,然后通过 Vercel 进行 CDN 加速,最后生成图片链接。这样就可以实现免费的图床了。
# 🍅 步骤:
注册 GitHub 账号,创建一个新的仓库,用于存储图片。GitHub 怎么注册和创建仓库,可以看这篇: 戳此
在 Vercel 上创建一个新的项目,将 GitHub 仓库与 Vercel 项目关联。这一步怎么操作,可以看这篇:戳此
前往下载并安装 Picgo,然后配置 Picgo,将上传的图片存储到 GitHub 仓库中。前往下载:Picgo
# 生成个人访问令牌
下载安装完 Picgo 后,配置 Picgo 前,需要先去 GitHub 创建 Token(个人访问令牌)
- 前往 GitHub, 点击头像选择设置
- 左边一排最后一项,Developer settings 点进去
- Personal access tokens 👉 Tokens (classic) 👉 Generate new token 👉 Generate new token (classic)
- 接着输入名称、选择过期时长(也可以选择不过期,自己斟酌)、勾选 repo、然后划到最下面点击创建即可
- 复制个人访问令牌,到 picgo 里添加
注意:个人访问令牌密钥只会显示一次,下次点进来就看不到了,先复制保存好
# 配置 Picgo
- 图床设置 👉 GitHub
- 设定仓库名:你创建的 GitHub 仓库地址
- 设定分支名:你的主分支名(main 或者 master)
- 设定 Token: 粘贴你的个人访问令牌
- 设定存储路径:存放的路径位置,可以为空
- 设定自定义域名:这里填你 vercel 配置的域名,也可以使用 CDN 加速地址
- 现在可以上图片了
- 上传后,会显示在相册里,点击复制链接粘贴在 markdown 编辑器里就可以显示出来了
如果还有其他问题,可以看看官方文档