东方的博客
开发工具 · 974 字 · 约 3 分钟阅读

图床搭建:GitHub + PicGo + jsdelivr 方案

记录一套免费可用的图床搭建方案:GitHub 仓库存图、PicGo 上传、jsdelivr 加速,并集成到 Typora 写作流程。后续会补充更多方案。

写在前面

写作时经常需要在笔记和文章里插入图片,而本地图片无法直接在网页上展示。这套方案把图片托管到 GitHub 公开仓库,用 PicGo 一键上传,再通过 jsdelivr 全球 CDN 加速访问,最终能在 Typora 里无缝粘贴图片。

目前已收录一种方案,后续会持续补充(云存储 COS / OSS、GitHub Actions 自动上传、图床工具对比等)。

方法一:GitHub + PicGo 搭建图床

适合有 GitHub 账号、需要免费图床的用户;配合 jsdelivr 全球 CDN 加速。

1. 新建一个公开仓库

GitHub 新建仓库,用于存放图片。仓库必须是 public,否则图片外链无法访问。

2. 生成 token

进入 Settings > Developer settings > Personal access tokens > Tokens (classic):

  • Note 填个名字
  • 勾选 repo(写仓库权限)

token 只显示一次,记得妥善保存。

3. 下载 PicGo

PicGo 是桌面端图床工具,支持多种图床。下载地址:

Releases · Molunerfinn/PicGo (github.com)

4. 配置 PicGo

在 PicGo 的 GitHub 图床设置中填入以下内容:

选项参数
设定仓库名<your-github-username>/image_for_picGo
设定分支名main
设定 tokentoken
设定存储路径img/
设定自定义域名https://raw.githubusercontent.com/<your-github-username>/image_for_picGo@main

5. 集成 Typora

在 Typora 的「偏好设置 → 图像」中,上传服务选择 PicGo,并确保 PicGo 监听端口为 36677,与 Typora 图片验证中的端口一致。

6. 使用 jsdelivr 加速

GitHub 原生图片域名(raw.githubusercontent.com)在国内访问有时较慢,可改用 jsdelivr 做全球 CDN 加速,把 PicGo 的“自定义域名”改为:

https://cdn.jsdelivr.net/gh/你的GitHub用户名/仓库名@分支名/

例子:

https://cdn.jsdelivr.net/gh/<your-github-username>/img_for_picGo@main

https://raw.githubusercontent.com/<your-github-username>/img_for_picGo@main

jsdelivr 域名在国内访问通常比 raw.githubusercontent.com 更稳定;raw 域名适合作为备用。

最后更新于: 2026年9月7日

评论