# 前言

GitHub 是一个免费的代码托管平台,可以用来存储图片等文件。Vercel 是一个免费的云服务平台,可以用来部署静态网站。Picgo 是一个开源的图片上传工具,可以将图片上传到 GitHub。GitHub 和 Vercel 都有完善的安全机制,保证数据安全,可防御一些常见的攻击,拿来当图床再好不过了。

食用前请先阅读:🌈 Hexo 博客主题更换、🌐 Vercel 部署绑定域名

📝 主题前言

🚀 基础搭建

🌐 域名绑定

🌈 主题更换

💬 评论功能

🔎 搜索功能

🎨 图床搭建 👈 当前位置 📌

# 使用 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 加速,最后生成图片链接。这样就可以实现免费的图床了。

# 🍅 步骤:

  1. 注册 GitHub 账号,创建一个新的仓库,用于存储图片。GitHub 怎么注册和创建仓库,可以看这篇: 戳此

  2. 在 Vercel 上创建一个新的项目,将 GitHub 仓库与 Vercel 项目关联。这一步怎么操作,可以看这篇:戳此

  3. 前往下载并安装 Picgo,然后配置 Picgo,将上传的图片存储到 GitHub 仓库中。前往下载:Picgo

# 生成个人访问令牌

下载安装完 Picgo 后,配置 Picgo 前,需要先去 GitHub 创建 Token(个人访问令牌)

  1. 前往 GitHub, 点击头像选择设置

  1. 左边一排最后一项,Developer settings 点进去

  1. Personal access tokens 👉 Tokens (classic) 👉 Generate new token 👉 Generate new token (classic)

  1. 接着输入名称、选择过期时长(也可以选择不过期,自己斟酌)、勾选 repo、然后划到最下面点击创建即可

  1. 复制个人访问令牌,到 picgo 里添加

注意:个人访问令牌密钥只会显示一次,下次点进来就看不到了,先复制保存好

# 配置 Picgo

  1. 图床设置 👉 GitHub

  • 设定仓库名:你创建的 GitHub 仓库地址
  • 设定分支名:你的主分支名(main 或者 master)
  • 设定 Token: 粘贴你的个人访问令牌
  • 设定存储路径:存放的路径位置,可以为空
  • 设定自定义域名:这里填你 vercel 配置的域名,也可以使用 CDN 加速地址
  1. 现在可以上图片了

  1. 上传后,会显示在相册里,点击复制链接粘贴在 markdown 编辑器里就可以显示出来了

如果还有其他问题,可以看看官方文档