github做圖床大部分人都知道,但是國內訪問速度不穩定,所以使用jsdelivr加速。
jsdelivr是什么呢?它是一個免費、快速和可信賴的CDN加速服務,直接集成在github中的,無需額外操作即可使用。
本文分兩部份,最終實現的效果是:
在本地文件夾中某圖片上點擊鼠標右鍵,選中 上傳至github圖床,稍等片刻,在需要使用的地方直接Ctrl+v粘貼即可。
一、怎么使用jsdelivr
二、通過腳本一鍵上傳圖片至github,并返回地址到粘貼板
先來說第一部分
1.在github上創建一個項目,githubpic,公開項目
2.隨便上傳一張圖片xx.jpg
3.訪問CDN地址,第一個老是失聯,目前用第二個
https://cdn.jsdelivr.net/gh/github用戶名/倉庫名@master/xx.jpg
https://gcore.jsdelivr.net/gh/github用戶名/倉庫名@master/xx.jpg這里注意一下,@master是jsdelivr默認的版本,不跟github的走,即github現在默認創建的原始分支是main(早前是master),訪問CDN的時候還是@master
這一部分結束,基本上就算作使用了CDN了,但我們日常操作肯定不會這么麻煩的去傳,所以這里我結合這篇文章 個人圖床的最簡單制作-騰訊云COS 做了個簡單的腳本實現一鍵上傳,一鍵使用
第二部分,一鍵上傳
1.github申請ssh密鑰
這一部分網上很多,大家可自行搜索,也可看我找的這篇文章,最終實現的就是拉取、上傳代碼都是免密的效果
2.將剛才的項目githubpic拉取到某個目錄(建議D盤)下,使用ssh拉取
3.處理腳本
3.1在C盤根目錄下創建目錄commitGithub,在目錄中創建commit.bat,打開編輯,將下列內容粘貼進去保存,注意修改其中的基礎目錄為倉庫本地目錄
@echo off
chcp 65001 >nul :: 設置 cmd 為 UTF-8 編碼
:: =============================================
:: 功能:右鍵上傳圖片到 Git (SSH方式) 并返回網絡地址
:: 使用方法:右鍵圖片 → 選擇"上傳到Git"(需先配置SSH密鑰)
:: =============================================
::1.設置基礎目錄-必設,你的倉庫拉取下來的本地路徑
set "base=D:\githubpic"
set "image_file=%~1":: 2. 進入文件所在目錄(確保 Git 命令在正確目錄執行)
cd /d "%~dp1":: 3. 檢查是否是 Git 倉庫
git rev-parse --is-inside-work-tree >nul 2>&1
if errorlevel 1 (echo 錯誤:當前目錄不是 Git 倉庫!pauseexit /b
):: 4. 添加文件到暫存區并提交
git add "%image_file%"
set "commit_message=上傳文件: %~nx1"
git commit -m "%commit_message%":: 5. 使用SSH方式推送(不再轉換地址,直接推送):: 如果是其他分支,修改為對應分支名
git push origin main || (echo ? Git 推送失敗,錯誤代碼: %ERRORLEVEL%pauseexit /b %ERRORLEVEL%
)echo ? Git 推送成功,繼續執行后續操作...:: --------提交成功,下面開始拼裝CDN路徑--------
:: 6. 獲取 Git 遠程SSH地址(用于生成網絡訪問URL)
for /f "tokens=*" %%A in ('git config --get remote.origin.url') do set "git_remote=%%A":: 檢查是否是SSH地址(如 git@github.com:user/repo.git)
echo %git_remote% | findstr "git@" >nul
if errorlevel 1 (echo 錯誤:當前遠程地址不是SSH格式!請使用SSH地址(如 git@github.com:user/repo.git)pauseexit /b
):: 如果有二級目錄,這里會拆分路徑
set "dir=%~dp1"
call set "p=%%dir:%base%=%%"
set "p=%p:\=/%"
if not "%p:~0,1%"=="/" set "p=/%p%"
if not "%p:~-1%"=="/" set "p=%p%/"set "image_name=%~nx1"
set "image_file_path=%p%%image_name%":: 7. 生成網絡訪問URL(GitHub示例)將SSH地址轉換為HTTPS格式的raw地址
:: 替換SSH地址為HTTPS-jsdelivr-CDN地址(GitHub)
set "git_remote_https=%git_remote:git@github.com:=%"
:: jsdelivr的CDN地址經常被污染,特提供幾個替代地址,以便不時之需,如果全部被污染,那就沒辦法了,替換下面的前綴即可
:: https://gcore.jsdelivr.net/gh/ 短暫測試,這個地址的失聯率最低,暫時用這個
:: https://testingcf.jsdelivr.net/gh/
:: https://cdn.jsdelivr.net/gh/ 這個地址經常跳轉到 raw.github的網站上,相當于沒有啟用CDN
set "git_remote_https=https://gcore.jsdelivr.net/gh/%git_remote_https:.git=%"
:: 下面這個是開啟jsdelivr的CDN加速的地址,目前github最新建的項目是main版本,但是jsdelivr還是默認master版本
set "image_network_url=%git_remote_https%@master%image_file_path%"
:: 8. 輸出網絡地址
echo 圖片已上傳!網絡訪問地址:
echo %image_network_url%:: 復制到剪貼板(需 clip 命令支持)
echo %image_network_url% | clip
echo 地址已復制到剪貼板!echo 已上傳完畢,Ctrl + v 即可粘貼,窗口將在5秒后關閉...
timeout /t 5 /nobreak >nul
exit
3.2添加右鍵快捷鍵
WIN+R調用運行庫,輸入regedit,會打開注冊表編輯器
找到目錄 計算機\HKEY_CLASSES_ROOT\*\shell
在shell上右鍵新建項:上傳github圖床,在 上傳github圖床 上右鍵新建項:command,如圖:
右側雙擊默認,修改值為:
cmd.exe /K "C:\commitGithub\commit.bat "%1""
至此,大功告成。
使用的話,把圖片拖到本地項目目錄下,右鍵點擊 上傳github圖床 等待命令執行完即可
成功狀態:
上傳成功的圖片大概會有1分鐘-5分鐘延時。