搭建 Github 或 Gitee 图床网站

一、使用 Github Gitee

前言

1. 存储图片服务器平台 Github 或 Gitee
2. 加速 cdn jsDeliver工具
3. 网站站点 gitee github 个人服务器

技术选型

• vue3 + typescript + vite
• axios
• naive ui
• vue-router
• pinia

上传图片配置需求

1. 配置 github 访问 token，即 Personal access tokens，后期才能调用 github 相应 API
2. 创建 github 仓库，名字随意，一定要设置为公开仓库

网站界面需求

• 明暗主题切换、语言切换（中英切换）
• 使用token登录仓库
• 图片上传框
• 链接访问框
• 体验用户可上传

功能 API 需求

• 获取 github 个人信息
• 获取全部仓库列表
• 获取具体仓库信息
• 向具体仓库上传文件
• 获取具体仓库下文件列表
• 更新仓库具体文件
• 删除仓库具体文件

线上预览地址：http://ibed.yangsong.cool

效果：