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.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…