Last edited time
Aug 23, 2023 04:05 PM
password
AI summary
type
status
date
slug
summary
tags
category
icon
GitHub+vercel图床
GitHub+vercel图床Github配置1. 创建存储库2. 创建tokensVercel配置1. 简要步骤2. Problem3. 绑定域名/加速访问4. 效果展示移动端管理appPC端管理app
Github配置
1. 创建存储库
登录GitHub之后打开
https://github.com/new 创建一个新项目
名称填写一个好记的就行,下方选择公开或者私人都可以
点击最下方绿色按钮创建

2. 创建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” 软件,详见
- 作者:迷途
- 链接:blog.ortech.us.kg/article/gh3
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。