Skip to content

基于 vue3 + pinia + typescript + vite 搭建的一款Github、Gitee免费图床网,更快更方便将图片拖动上传到我们自己的仓库并获取图片访问地址

Notifications You must be signed in to change notification settings

ysisrich/picture-bed

Repository files navigation

搭建 Github 或 Gitee 图床网站

一、使用 Github Gitee

前言

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

技术选型

上传图片配置需求

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

网站界面需求

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

功能 API 需求

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

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

效果:

About

基于 vue3 + pinia + typescript + vite 搭建的一款Github、Gitee免费图床网,更快更方便将图片拖动上传到我们自己的仓库并获取图片访问地址

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published