当前位置: 首页 > ds >正文

github在线图床

github做的图床,原理是利用github API实现的在线上传,就一个页面,css和js都是集成在页面,相关信息保存在浏览器缓存中,配置一下即可使用

效果演示:

github在线图床

打开网站填写下列信息

github用户名:用户名

仓库名:做图床的专用仓库的名称

分支名称:分支名称

存储路径:上传到的目标仓库位置的路径,不填则上传到根目录,填一个不存在的则会新建,开头和结尾不需要/分割,

github访问令牌:token,没有的话可以点击创建令牌新建

点击保存配置是将配置保存在浏览器中,清除浏览器缓存后必须重新设置

上传成功后是这样,图片会重新命名,会默认返回jsdelivr的CDN地址,并且自动复制在剪切板,

想要使用该图床需具备下面要求

1.一个专门用作图床的github仓库

随便创建一个就行,不用开启pages,专门用来做图床使用

2.创建1个github token

创建一个token,权限可以自己斟酌,小白可以全选上

3.在页面将信息保存即可使用

在网站填写信息保存,即可开启上传之旅

支持自定义,fork本项目至自己仓库,使用netlify部署,并搭配自定义域名即可实现自己的在线图床,参考文章:netlify加速github pages

项目资源全部集成在html中,fork后可自行修改,比如利用cloud flare的数据库做成可登录的,或者设置密码只能本人使用

等等。。。相信广大网友的diy能力应该很强

项目地址:github地址

http://www.xdnf.cn/news/14957.html

相关文章:

  • PostgreSQL中的rank()窗口函数:实用指南与示例
  • 浏览器原生控件上传PDF导致hash值不同
  • 制作一款打飞机游戏76:分数显示
  • 微软广告推出新的精细资产级别审核
  • 无代码自动化测试工具介绍
  • SpringBoot控制反转
  • CentOS 6操作系统安装
  • 05.SpringBoot拦截器的使用详解
  • 玄机——某学校系统中挖矿病毒应急排查
  • 人脸活体识别3:C/C++实现人脸眨眼 张嘴 点头 摇头识别(可实时检测)
  • lerobot 工程笔记(一)——使用smolvla控制so101
  • 【AI落地应用实战】AIGC赋能职场PPT汇报:从效率工具到辅助优化
  • Docker Compose 基础——AI教你学Docker
  • 链表的实现
  • Flink-1.19.0源码详解5-JobGraph生成-前篇
  • Node.js-http模块
  • Appium 简介
  • 大语言模型:是逐字生成还是一次多词?
  • GO Web 框架 Gin 完全解析与实践
  • 【NLP第二期中文分词技术:规则、统计与混合方法全解】
  • 笨方法学python-习题12
  • Disruptor架构哲学
  • 结构体实战:用Rust编写矩形面积计算器
  • MySQL 中 InnoDB 存储引擎与 MyISAM 存储引擎的区别是什么?
  • 8.Docker镜像讲解
  • 阿里巴巴 Qwen 系列大模型发展时间线与主要特性
  • 数字图像处理学习笔记
  • C#.Net筑基-优雅LINQ的查询艺术
  • 算法-每日一题(DAY12)最长和谐子序列
  • TypeScript 安装使用教程