Github图床搭建和使用（带CDN加速）

最新推荐文章于 2026-03-31 23:19:56 发布
原创 最新推荐文章于 2026-03-31 23:19:56 发布 · 5.8k 阅读 · 16 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#github #PicGo #Typora #图床
本文详细介绍了如何利用Github搭建个人图床，并结合PicGo和Typora实现Markdown文档中图片的快速上传与展示，同时通过jsDelivr实现CDN加速。步骤包括创建公开仓库、生成Access Token、配置PicGo和Typora。注意仓库大小限制及隐私问题。

Github图床搭建和使用（带CDN加速）

文章目录

一.使用场景

用于Markdown文档书写时引用图片，可配合Typora使用（粘贴图片后自动生成），方便后续在博客上发布


二.软件选型

  1. Markdown编辑器：Typora（https://www.typora.net/）

  2. 上传工具：PicGo（https://picgo.github.io/PicGo-Doc/zh/）

  3. 图床：Github repo（https://github.com/）

  4. CDN： jsDelivr（https://www.jsdelivr.com/）

三.搭建过程

1.创建 GitHub 图床仓库

这里就不再赘述了，需要注意的是仓库一定要是Public

2.生成 Access token

操作路径：Setting------Developer settings------Personal access tokens

2.1. 创建

202172902052

2.2. 设置

202172902035

2.3.生成

202172902538

3.设置PicGo

image-20210729003125089

带*号的按规定内容填入即可

制定存储路径：填入XXX/xxx/会自动在仓库生成相应的目录

设定自定义域名：国内建议使用jsDelivr进行加速，格式如下：https://cdn.jsdelivr.net/gh/+仓库名

4.设置Typora

操作路径：Setting------偏好设置------图像

202172903616


四.呈现效果

  1. 复制粘贴图片到Typora
image-20210729004057847
  1. 文本中图片的连接地址：<img src="https://i-blog.csdnimg.cn/blog_migrate/6e63e1915fa08e309492bdeefb35c299.png" alt="image-20210729004057847" style="zoom:50%; " />

五.注意事项

  • 作为图床的仓库最好不能超过 1G，因为仓库超过 1G 后会有人工审核仓库内容。一旦发现用于图床可能会被删库也可能会被封号！！！所以建议在 1G 之前就换个仓库
  • 仓库是公开的，所以图片放上去要注意隐私问题，特别是单位的一些涉密资料
外链图又挂了，怎么办？用github+picgo搭建一个自己的图床，再也不用担心网站图又挂了！
设计师工作日常
06-10 987
使用GitHub搭建个人图床的完整方案
PicGo Github图床设置
SeriousLose
04-09 918
下载PicGo Index of /github-release/Molunerfinn_PicGo/ 安装PicGo Github创建仓库 创建项目； 设置为私有库比较好； 创建 获取Github访问token Sign in to GitHub · GitHub 点击 Generate new token 按钮 身份验证框，需要输入你的Github密码验证 token名称，说明token使用； 只设置repo即可； 创建； 记得复制生成的token并保存好； .
2026国内稳定高速图床推荐：[Imgos](https://imgos.cn/)图床 登录即享永久全球CDN加速 支持PicGo/Typora/API的低成本图片托管方案
最新发布
qq_67318301的博客
03-31 707
本文聚焦程序员、技术博主、个人站长的图片托管与外链核心需求，详解 2026 年国内高性价比合规图床 Imgos 图床的核心能力。平台登录即享永久全球大厂 CDN 加速与图片永久保存，无流量限制，仅需 2 元 / 500M、3 元 / 1G 按月按需购容，原生支持 PicGo、Typora、WordPress 与 API 上传，搭配多厂商容灾异地双备份，保障外链稳定不失效，是国内内容创作者的优选图床方案。
GitHub仓库当图床,免费使用cdn加速
豪先生的博客
04-12 3052
1、在github创建一个公开库 2、上传你想要放的图片 3、根据你的github仓库地址改为正确的CDN地址 https://cdn.jsdelivr.net/gh/{你的github用户名}/{仓库名称}/{具体路径} 引用如下 比如你的github用户名是test,仓库名是demo，目录是img，img文件夹里面有1.png 那么你的cdn加速图片路径就是 https://cdn.jsdelivr.net/gh/test/demo/img/1.png 放到img标签里面..
如何用github搭建图床（亲测有效）
jxwd的博客
03-11 1万+
借助github，亲测有效的搭建图床的方法
如何搭建自己的图床(GitHub版)
qq_44231797的博客
07-11 1万+
如果没有自己的服务器，如何实现接口去获取图片呢？我们可以使用。
Typora结合PicGo + 使用Github搭建个人免费图床
qq_39921135的博客
02-25 5432
图床配置名：自己取设定仓库名：用户名+仓库名设定分支名：设定Token：就是上面我们刚刚在Github上获取的token设定存储路径：需要放到仓库中的哪个文件夹下。如果直接放到仓库的根目录下就不需要填写这一栏如果需要放到某个目录下，直接写目录名就行，不需要在目录名前加 /。eg：test当有多级目录时，也是直接写路径。当填写的目录不存在时，PicGo会自动帮你在Github上创建目录，这个不用担心！设定自定义域名：此时就需要结合jsDelivr来加速了。
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
热门推荐
朝花夕拾
02-17 1万+
利用Typora+PicGo+Github+CDN搭建个人博客图床的方法在技术圈中备受关注。通过Typora编写博文、PicGo上传图片至Github仓库，并借助CDN实现加速，形成了一个高效的个人博客图床解决方案。这一方法简洁易行，不仅提升了博客编辑效率，还有效解决了图片存储和加载速度的问题。
一站式图床搭建指南：GitHub+PicGo+CDN 加速与替代方案全解析
weixin_45454833的博客
03-03 749
【代码】一站式图床搭建指南：GitHub+PicGo+CDN 加速与替代方案全解析。
10分钟教你使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床
infinitor的博客
06-28 1413
前言 经常写Markdown或者博客的同学，肯定都要用到图床。图床是什么呢？其实相当于一个存储图片的网站，类似百度云这样，不过上传图片到图床后可以直接通过外链进行访问。 比如把本地一张a.jpg上传到图床后，便可以拿到一个链接https://www.xxx.com/img/a.jpg，然后点击这个链接就可以访问图片a了。今天来聊聊怎么搭建可靠的图床吧~ 为什么会产生这个需求呢？因为小编经常写博文什么的，现在的做法是在简书上上传图片，然后把生成的图片链接放到Markdown文档上面，写好文档以后就可以批量复制
通过jsDelivr实现Github的图床CDN加速
学而思(xiejava的blog)
03-20 1856
jsdelivr是一个免费的公共CDN（内容分发网络）服务，它允许网站开发者将他们的代码库、JavaScript库、字体和其他资源托管在jsdelivr上，并通过jsdelivr的CDN网络进行快速分发。使用jsdelivr可以有效地减少用户下载资源的时间，提高网页加载速度，同时减轻原始服务器的负载。
Github图床搭建
敲得码黛
05-08 2175
回想起刚开始写blog的场景，总是苦恼于文章的排版问题，看到别人的排版总是整整齐齐的，很是羡慕，后来才得知这是Markdown语法。排版问题得到解决后，图片管理的问题又浮出水面，一篇技术文章难免会存在三五张截图，一些比较复杂的技术文章中配图数量甚至会更多，在最初的编写阶段，我往往将文章配图暂存于一个文件夹中，然后等文章编写完成后再上传至指定的平台（CSDN/微信公众号）。但是这个过程却很痛苦，因为文件夹中的图片数量很多，需要将它们一一上传并且与文章中的位置一一对应是一件很繁琐的事情。
Github搭建一个图床
多敲代码！
05-23 538
搭建一个自己的图床
如何白嫖图床（GitHub+PicGo+jsDelivr）
A_zhiyuan的博客
09-01 1110
用处 平时我们写博客，用的typecho软件，图片保存的是本地。 但如果把这篇文章转载到其他平台，例如CSDN，图片需要上传到csdn 一个两个图片还好，如果图片太多呢？ 图床：图床一般是指储存图片的服务器，我们在部署页面的时候，图片往往是以链接的方式实现的。这种方式，实现了一次存储，多地移植的效果。假如我需要在多个地方发表我们的文章，就不需要再重新一张一张在对方的页面上传图片。 本文将介绍何如白嫖一个图床 GitHub存储 PicGo上传 jsDelivr加速访问 gitee也可以搭建图床
Github搭建免费图床
CDL_LuFei的博客
03-07 1666
Github搭建免费图床 目录Github搭建免费图床前言准备工作上传工具PicGo配置jsDelivr CDN加速访问 前言 前边讲述了如何使用Github和Hexo搭建一个免费的个人静态博客，然而在后续使用Markdown编写日常博客的时候，遇到图片插入问题，在本地写完博客上传到Github上后，图片还在本地，打开博客肯定是加载不了。所以就想自己搭建一个图床，本来就是使用的Github免费仓库托管的博客内容，索性就把图床也建在Github上。 准备工作 已经注册好了Github的账号，然后新建一个仓库用
如何使用 GitHub 和 PicX 创建图床（通过路径来访问图片，免费图床）：详细步骤与实用技巧
zxzzzsdf的博客
10-22 2625
使用github来托管图片，实现网站地址来访问图片
5步搭建免费图床（CDN图床）再也不用担心网站网速与内存了
仿站、源码搭建/迁移技术博客
05-18 6399
利用GitHub+jsDelivr+PicGo搭建免费图床，CDN图床就是这么朴实无华，是基于免费CDN与免费开源网站制作的免费CDN图床。 一、前言 ​ 1.用 markdown 写博客，想插入一些图片，如果采用本地存储方式，上传博客时插入的图片路径就找不到了，需要手动再把图片上传上去，并且修改路径，很麻烦，可以考虑将图片上传至图床生成 URL，直接在markdown 引入url。 ​ 2.现在国内用的各种图床,例如,微博图床、SM.MS、Imgur、七牛云、又拍云、腾讯云COS、阿里云OSS等都有
使用github+picGo搭建图床，保姆级教程来了。
VA_AV的博客
01-10 3371
现在都202X年了，你还没有属于自己的图床吗？
CDN+GitHub搭建图床
weixin_51205206的博客
09-03 2752
免费图床搭建
使用Github+PicGo+Picx搭建免费好用的图床
ICbiu的博客
07-05 1407
搭建图床之前，首先要有一个Github帐号1、首先，创建一个仓库2、接下来获取一个token路径在这里：Sign in to GitHub · GitHub选择Generate new token 最后点击最下方的Generate token，生成成功~注：这个token后面都需要用到，并且这个token只会显示一次，需要妥善保管，如果丢失的话需要重新生成。 好了github的配置到这里结束，接下来配置Picx。Picx是一款基于 GitHub API 开发的具有 CDN 加速功能的图床管理工具，它免费、稳
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值