图床神器,免费白嫖

2 阅读2分钟

🚀 免费图床神器:使用 zxgpcli 将图片上传到 GitHub 并生成 CDN 链接!

在撰写技术博客或文档时,图片管理是个常见难题。找不到稳定的图床?不想付费?担心图挂?
现在你只需一个 GitHub 账号和一个开源工具 —— zxgpcli,即可一键上传图片并获取 CDN 链接,永久免费、稳定可靠


✨ 工具简介:zxgpcli

zxgpcli 是一个命令行工具,支持将本地图片上传到 GitHub 仓库,并生成 jsDelivr 的 CDN 链接。

✅ 支持命令行交互
✅ 支持配置缓存
✅ 支持路径自定义上传
✅ 支持多种调用方式
✅ 自动返回可用链接


📦 安装方式

使用 npm / pnpm / yarn 安装:

npm install -g zxgpcli
# 或者
pnpm add -g zxgpcli
# 或者
yarn global add zxgpcli

🛠 初始化配置

首次使用,你需要配置 GitHub 仓库信息和 Token:

1. 创建仓库(推荐私有仓库)

建议新建一个仓库专门存储图片,例如:images
并创建你希望上传的子目录,例如 blog/coversassets/icons 等。

2. 生成 GitHub Token

访问:github.com/settings/to…
选择:Tokens (Classic)Generate new token (classic)

必须勾选权限:

  • repo(全选)
  • ⏱ 设置有效期(可设为 90 天)

建议保存 token,因为 GitHub 不会再次显示。

3. 配置 CLI 工具

执行以下命令:

zxgpcli config --token <your_token> --owner <your_github_username> --repo <your_repo>

例如:

zxgpcli config --token ghp_xxx123456 --owner zhouxuios --repo images

📤 上传图片

你有两种方式上传图片:

✅ 推荐写法(带参数)

zxgpcli upload --file ./github-token.png --dir blog/covers

✅ 向后兼容写法(位置参数)

zxgpcli upload ./github-token.png blog/covers

上传成功后,你将看到如下输出:

✅ 上传成功: https://cdn.jsdelivr.net/gh/zhouxuios/images@main/blog/covers/github-token.png

你可直接将这个链接插入 Markdown 或 HTML 中。


🔍 查看当前配置

zxgpcli check

输出示例:

🔍 当前配置状态:
- Token: ✅ 已配置
- Owner: ✅ 已配置
- Repo: ✅ 已配置

💡 示例场景

  • 博客中插入封面图或代码截图
  • Notion / Obsidian 图片上传
  • Markdown 文档引用图示
  • 前端页面插入小图标

📁 CDN 链接说明

所有图片将托管在你配置的 GitHub 仓库中,并可通过 jsDelivr CDN 访问:

https://cdn.jsdelivr.net/gh/<owner>/<repo>@<branch>/<path>/<filename>

你可以在 GitHub 仓库中随时查看上传的图片或批量删除。


🧠 技术原理简述

zxgpcli 的核心逻辑包括:

  • 使用 GitHub REST API 将文件以 base64 编码上传
  • 自动拼接 CDN 访问路径
  • 支持配置持久化(保存到 .zxgpclirc.json)
  • 使用 Node.js + @octokit/rest 实现文件上传

📦 开源地址

👉 GitHub 源码:github.com/zhouxuios/z…
👉 NPM 包:www.npmjs.com/package/zxg…

欢迎 Star / Fork / PR!


🧩 后续计划

  • ✅ 支持图片压缩(未来支持)
  • ✅ 支持图片去重上传
  • ✅ 多配置文件支持(多仓库)
  • ✅ 图片批量上传
  • ✅ 图片预览功能(web UI)

🧾 LICENSE

本工具遵循 MIT 开源协议,完全免费使用。


如果你正在寻找一款稳定好用的免费图床方案,zxgpcli 绝对值得一试!
动手试试,享受无需图床烦恼的创作自由吧。