GitHub+vercel图床

Last edited time

Aug 23, 2023 04:05 PM

password

AI summary

type

status

date

slug

summary

GitHub+vercel图床

GitHub+vercel图床 Github配置 1. 创建存储库 2. 创建tokens Vercel配置 1. 简要步骤 2. Problem 3. 绑定域名/加速访问 4. 效果展示移动端管理app PC端管理app

Github配置

1. 创建存储库

登录GitHub之后打开

https://github.com/new 创建一个新项目

名称填写一个好记的就行，下方选择公开或者私人都可以

点击最下方绿色按钮创建

2. 创建tokens

如果你不需要通过软件管理图片可以略过

https://github.com/settings/tokens

打开此链接点击Generate new token

名称自定义，可以和存储库一样

可以选择密钥天数，过期就无掉了

最后勾选repo（你也可以把下面选项全选）点击绿色按钮生成

跳转密钥界面，此密钥只会出现一次好好保存哦

（GitHub操作结束）

详见

Vercel配置

1. 简要步骤

进入控制台，点击新建项目

再选择GitHub，这里会跳转到GitHub授权登录

确认授权后vercel列表里会有创建的存储库名称，可以自定义，因为我们只需要上传图片，所以预设框架选择 Other其他，直接开始部署，等待部署完成即可。

2. Problem

这是会出现404 ：NOT_FOUND错误，如下所示。此时上传的文件(图片)只能以get方式访问，无法以列表形式展示，不过可以保证安全性。

如需在网页中以目录列表形式展示出来，只需要在Settings→Advanced中开启Directory Listing并保存即可。

3. 绑定域名/加速访问

每个项目都会提供一个免费二级域名用来测试访问，当然也可以绑定自定义域名，绑定域名成功后会自动申请SSL证书， Settings -> Domains，就会看到分配的二级域名（2022年10月25日测试貌似被墙了）

4. 效果展示

移动端管理app

PC可使用 “picgo” 软件，picgo也有手机版本，貌似太长时间没更新上传不了图片

在酷安有两款图床软件，我这里使用咕咚云图

打开软件右上角把默认的牛图选项删除

点击添加GitHub图床，把上面申请的token复制到第一行

下面几个选项按照说明填写，填写完成后点右上角测试，没问题后就可以到首页上传一张图片

raw.githubusercontent.com域名链接，但此链接被墙，您只需要访问vercel绑定域名即可

PC端管理app

可使用 “picgo” 软件，详见

Reference:

Vercel搭建高速免费图床

Using the Directory Listing