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.pswp.cn/web/87668.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/87668.shtml
英文地址,请注明出处:http://en.pswp.cn/web/87668.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

css-多条记录,自动换行与自动并行布局及gap兼容

实现这样的内容布局,当一段文案长度超过当前行的时候自动占据一行,其他相近的不超过一行自动放在一行间隔隔开 关键实现原理: 弹性布局容器: .history-container {display: flex;flex-wrap: wrap;gap: 12px; }使用flex-wrap: wr…

Redis 哨兵模式部署--docker版本

redis sentinel 简介 Redis Sentinel 是 Redis 官方提供的高可用(HA)解决方案,用于监控主从架构中的故障并自动完成故障转移。当主节点(Master)宕机时,Sentinel 能自动选举新的主节点,通知从节…

Java线程中的守护线程

Java线程中的守护线程在Java中,守护线程(Daemon Thread)是一种特殊类型的线程,它在后台运行,主要用于支持其他线程(如用户线程)的工作。守护线程不会阻止JVM(Java虚拟机)…

Flink-状态恢复-isRestore分析

isRestored 方法返回值依赖 restoredCheckpointId 是否为空:restoredCheckpointId 在算子状态句柄(StreamOperatorStateHandler)中从 StreamOperatorStateContext 获取并赋值给 StateInitializationContext(该 context 就是 initi…

rk3128 emmc显示剩余容量为0

机器emmc 容量显示异常,显示剩余容量为0,这时候做了一个让 系统不检测GPP分区部分的操作,此问题才得以解决,如下: system/vold/DirectVolume.cpp -33,6 33,8 #include "VolumeManager.h"#include "Re…

WebAssembly国际化多语种支持

icu linux数据裁剪 先linux编译出所有的工具 mkdir build && cd build ../configure --prefix=$(pwd)/build_wasm/install --enable-static --disable-shared --with-data-packaging=static --enable-tools=yes --enable-extras=yes --e…

Ubuntu 安装 etcd 与 etcd-cpp-apiv3

目录 安装 etcd 安装 etcd-cpp-apiv3 安装 etcd sudo apt update sudo apt install etcd-server sudo apt install -y etcd-client 在 /etc/default/etcd 配置文件中配置,下面示例是单个服务器内进程之间交换信息且只有一个etcd节点。 #节点名称,默认为…

Spring Boot 集成 GeoTools 详解

目录 一、概述二、集成优势三、集成步骤四、使用场景五、案例:周边设施查询系统六、注意事项七、总结 一、概述 什么是 Spring Boot? Spring Boot 是由 Pivotal 团队开发的基于 Spring 框架的快速开发工具,它通过自动配置、起步依赖等特性简…

基础知识:mysql-connector-j依赖

mysql-connector-j 是 MySQL 官方提供的 Java 数据库连接驱动(JDBC Driver),用于在 Java 应用程序中连接和操作 MySQL 数据库。它是 MySQL 8.0 版本之后的标准驱动名称,替代了旧的 mysql-connector-java。 一、新旧版本对比 驱动…

vscode remote-ssh 拓展免密访问 linux虚拟机

前置步骤,在linux安装好ssh并且win可以使用密码登录linux sudo apt install openssh-server -y 在win上检查密钥是否存在 检查公钥和私钥cat ~/.ssh/id_rsa.pubcat ~/.ssh/id_rsa 如果不存在,重新生成 ssh-keygen -t rsa -b 4096 重新执行 cat ~/.ssh/…

动手学深度学习-学习笔记【二】(基础知识)

文章目录 1、概述2、课程学习2.1、深度学习介绍2.2、安装2.3、数据操作2.4、数据预处理2.5、线性代数2.6、微积分2.7、自动微分2.8、概率2.8.1、基本概率论2.8.2、处理多个随机变量2.8.3、期望和方差 2.9、查阅文档 1、概述 本篇博客用来记录我学习深度学习的学习笔记&#xf…

瑞盟MS4554N/MS4554N1双向电平转换器重新定义混合电压系统连接

在电子设备的“心脏”——电路系统里,不同功能模块常因性能需求差异,采用差异化的供电电压:传感器用1.8V低功耗运行,主控芯片选3.3V高效处理,传统接口保留5V稳定传输……当这些“电压孤岛”需要互联时,一个…

二叉树题解——验证二叉搜索树【LeetCode】后序遍历

98. 验证二叉搜索树 一、算法逻辑(逐步通顺讲解每一步思路) 这段算法使用了一种递归的思路: 每个节点返回它所在子树的 最小值和最大值,并在返回的过程中检查 BST 的合法性。 ✅ 1️⃣ 定义递归函数 dfs(node),其含…

Flink-Source算子点位提交问题(Earliest)

背景 最近在做 Flink 任务数据源切换时遇到 offset 消费问题,遂写篇文章记录下来。 切换时只修改了 source 算子的 topic,uid 等其他信息保持不变: 发布时,发现算子的消费者点位重置为earliest,导致消息积压。消息积…

如何录制带备注的演示文稿(LaTex Beamer + Pympress)

参考文献: Pympress 官网Avidemux 官网Audacity 官网FFmpeg 官网2025年度25大视频剪辑软件推荐2025最新音频降噪软件盘点,从入门到专业的6个高效工具如何用一段音频替换mp4视频格式的原有音频?免费简单易用的视频剪切编辑工具—AvidemuxFFmp…

VS Code 的 Copilot Chat 扩展程序

安装与启用 Copilot Chat 扩展 在 VS Code 中打开扩展市场(快捷键 CtrlShiftX 或点击左侧活动栏的扩展图标)。搜索“GitHub Copilot Chat”,点击安装。安装完成后需登录 GitHub 账户并授权 Copilot 权限。确保已订阅 GitHub Copilot 服务&am…

bash 脚本比较 100 个程序运行时间,精确到毫秒,脚本

脚本如下: #!/bin/bash# 设置测试次数 NUM_TESTS100 # 设置要测试的程序路径 PROGRAM"./your_program" # 替换为你的程序路径 # 设置程序参数(如果没有参数则留空) ARGS"" # 例如: "input.txt output.txt"#…

【Linux学习】Linux安装并配置Redis

安装Redis在Linux系统上安装Redis可以通过包管理器或源码编译两种方式进行。以下是两种方法的详细步骤。使用包管理器安装Redis(以Ubuntu为例):sudo apt update sudo apt install redis-server通过源码编译安装Redis:wget https:/…

redis每种数据结构对应的底层数据结构原理

Redis 的每种数据结构(String、List、Hash、Set、Sorted Set)在底层都采用了不同的实现方式,根据数据规模和特性动态选择最优的编码(encoding)以节省内存和提高性能。以下是详细原理分析: 1. String(字符串) 底层实现: int:当存储整数值且可用 long 表示时,直接使用…

WPF控件大全:核心属性详解

WPF常用控件及核心属性 以下是WPF开发中最常用的控件及其关键属性(按功能分类): 基础布局控件 Grid(网格布局) RowDefinitions:行定义集合(如Height"Auto")ColumnDefinit…