利用PicGo、GitHub和jsDelivr搭建图床

最新推荐文章于 2025-04-06 00:46:11 发布
最新推荐文章于 2025-04-06 00:46:11 发布
阅读量1.5k 收藏
点赞数
分类专栏： 工具 文章标签： github CDN
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43783363/article/details/107135383
版权
本文介绍如何使用PicGo上传图片至GitHub仓库，并利用jsDelivr加速访问，创建一个稳定快速的图床解决方案。适用于博客作者，解决图片加载速度慢和防盗链问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

利用PicGo、GitHub和jsDelivr搭建图床

一个高速稳定的图床对于每一个写博客的人来说都很重要，之前大部分人的选择可能都是利用微博搭建图床，但是从2019年4月开始微博开启了防盗链，导致所有依赖微博图床的图片全部无法显示。

利用PicGo将图片上传到GitHub仓库，再使用jsDelivr优化对于我们来说会是一个不错的选择。

准备

  • PicGo PicGo在GitHub上提供了MacOS、Linux、Windows三个系统版本的下载
  • 一个用来存放图片的GitHub仓库

具体步骤

新建一个GItHub仓库

生成Token

github–setting–developer settings–personal access token

Note随便填一下，在Select scopes中勾选repo（当然也可以全选

点击Generate token

请务必保存好生成的Token，它只会显示这一次

配置PicGo

  • 仓库名要按照用户名/仓库名的方式填写
  • 分支名填master
  • Token就填刚刚生成的
  • 指定存储路径，如果填写**img/**就会在仓库下创建一个img文件夹，图片会存在其中
  • 设置自定义域名，我们这里要使用jsDelivr加速访问，所以要填上https://cdn.jsdelivr.net/gh/用户名/图床仓库名

配置完成后，就可以在PicGo上传区上传图片了，上传图片成功后就可以通过https://cdn.jsdelivr.net/gh/用户名/图床仓库名/图片名.后缀访问到图片了，速度很快。

在PicGo设置中可以开启上传提示。

如果家里网络不太好，上传图片时可能需要多试几次，可以将网址打开刷新几次观察图片是否上传成功，PicGo有时候会通知上传失败但是实际上传成功了。

参考文章

博客图片上传picgo工具github图传使用

一劳永逸，使用 PicGo + GitHub 搭建个人图床工具
2401_84010836的博客
04-22 1034
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新。
使用 PicGo+Github+JsDelivr 搭建免费图床
BlueWhale52的博客
07-02 816
前言 在搭建我的博客时，想着写 Markdown 文档有个图床方便点，所以有了这篇文。 一开始是使用 PicGo+Gitee 来搭建，但在测试过程中发现当图片超过1M时，必须登录 Gitee 账号才能访问到仓库内的图片，否则会404，后来发现使用 Gitee Pages 可以解决这个问题。但是，Gitee Pages 不能自动部署，每上传一张图片，必须手动部署一次，才能正常访问（自动部署为Gitee Pages Pro付费内容），效率太低。因此改用GitHub。 但
服务器+宝塔+Chevereto 搭建个人图床
01-20
服务器+宝塔+Chevereto 搭建个人图床 先附上我的demo： http://img.xubean.top/ 步骤: 前去github下载压缩包。 在宝塔面板新建网站，并且创建一个数据库。 将下载的压缩包解压至你新建的网站的目录。注意这里需要更改一个东西。 打开新建的网站，跟着提示一步步配置。 1. 下载压缩包 你可以点这里去github下载，也就4MB，一会就下载完了。 2. 在宝塔新建一个网站这个就不用多说了吧。 然后创建一个数据库。记住数据库名、用户名、密码等 3. 把下载好的压缩包上传到你新建的网站的目录里面然后解压。 4. 注意这里需要更改一个东西 首先找到网站的设置
快速搭建图床
weixin_42393089的博客
04-19 1223
快速搭建图床 1. 什么是图床 简单来说就是存储图片的服务器,也可以称作在线相册 2. 图床的意义 减轻服务器压力：图片资源可以由单独的服务器资源来存储。 减轻服务器的存储空间：图片可以托管到其他图片托管平台。 提供CDN加速，没有容量限制。 3. 搭建图床 1. 创建仓库 这里我们选择码云仓库，因为码云是国内仓库。所以访问速度要比github快的多。 2. 下载Node Node下载地址 ...
Typora + PicGo-Core + Github床房
最新发布
Syc51985的博客
04-06 274
我想将Typora上的文章直接导入到优快云上时直接拖拽（导入），无法将图片一起加载过来，所有上网找些方法这边是为了总结一下，分享下经验。
利用GitHub+jsdelivr搭建一个图床
一曲横笛的博客
03-23 469
新建 GitHub 仓库 生成一个 Token 点击用户头像 -> 选择 设置 点击开发者设置 点击Personal access tokens 点击Generate new token 填写Token描述，勾选repo然后点击Generate token生成一个Token 获取 Token密钥 注意这个 Token 只会显示一次，自己先保存下来，或者等后面配置好 PicGo 后再关闭此网页 配置 PicGo 并使用 jsdelivr 作为 CDN 加....
哇！用github+jsDelivr搭建图床真香
XJHui
05-22 1074
本文章最初发表在XJHui’s Blog，未经允许，任何人禁止转载！ 为使您获得最好的阅读体验，强烈建议您点击 这里 前往 XJHui’s Blog 查看！ 前言 之前的这篇图床安装使用教程中，我对典型的几种错误给出了解决方法，但好多用上github图床+PicGo工具的小伙伴都在吐槽上面的解决方法有时候也会失效，于是我想起了小康之前安利给我的这种方法。 会报各种错误的原因还是github在国内处于半墙不墙的状态，其它就不多说了。 我试了试那种方法，遇到了几个坑但最后也成功了，用上之后可以说是真香！ 可以
Github+jsDelivr搭建免费快速的个人图床
量子孤岛
12-19 1668
香！手把手搭建免费快速的个人图床 本文同步发表如下平台： 优快云：https://editor.youkuaiyun.com/md?not_checkout=1&articleId=122026285 知乎专栏： 经常写博文的朋友对床图肯定不陌生。岛主习惯使用markdown撰写博客，将图片放在床图网站生成外链统一管理，这样一份博文就可以发布在不同的平台。不过免费的床图网站有时不稳定，付费价格又都不便宜。 最近了解到了Github+jsDelivr的方式搭建个人床图，既稳定又快速还免费，突出一个香！ 搭
PicGo+github搭建免费图床
hellowujianning的博客
08-10 2564
PicGo+github搭建免费图床 使用Github（需要一个GitHub账号）和PicGO来搭建一个免费图床，为了避免自己的博客迁移或者转发给别人而无法显示图片，造成阅读障碍。 图床是什么 图床一般是指储存图片的服务器，有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。 使用github搭建图床 1，首先确保自己有个github账号，没有的自己去申请一个，过程自己网上搜索； 2，在github上创建一个仓库； 3，创建一个私
Typora结合PicGo + 使用Github搭建个人免费图床
qq_39921135的博客
02-25 5007
图床配置名：自己取设定仓库名：用户名+仓库名设定分支名：设定Token：就是上面我们刚刚在Github上获取的token设定存储路径：需要放到仓库中的哪个文件夹下。如果直接放到仓库的根目录下就不需要填写这一栏如果需要放到某个目录下，直接写目录名就行，不需要在目录名前加 /。eg：test当有多级目录时，也是直接写路径。当填写的目录不存在时，PicGo会自动帮你在Github上创建目录，这个不用担心！设定自定义域名：此时就需要结合jsDelivr来加速了。
Typora+Picgo+Github搭建本地图床
qq_58470013的博客
05-17 579
我们选择github作为我们的图床,因为github能上传超过1m的图片,而gitee只能上传小于1m的图片,上传超过1m的图片需要压缩,而且需要安装node.js,非常的不人性化。typora笔记软件在插入图片时,需要图片在本地,否则图片就无法显示,有一些麻烦,但是如果搭配上图床,把图片上传到云端,就不会有这种烦恼了,只要是在有网络的情况下,就能正常显示。typora显示上传成功,并且在picgo也成功看到了图片,这就表明我们已经成功搭建完成了。
Github+jsDelivr+PicGo搭建图床
DotNeter-Hpf的博客
05-11 222
文章目录1.GitHub创建仓库，申请Token2.下载PicGo客户端3.设置代理4.实际操作 1.GitHub创建仓库，申请Token Setting → Developer Settings → Personal access Tokens → Personal access Tokens → Generate new token 创建 如图所示，输入名字和勾选repo即可 2.下载PicGo客户端 图床设置 → GitHub图床 两处标红的地方根据自己GitHub实际用户名和仓库名称来填写
搭建图床
zghya的博客
10-26 540
利用GitHub+免费主机+PicGo搭建一个免费的图床 欢迎进入个人博客产看更多文章博客网址 Hub图床是个不错的选择，利用jsDelivr CDN加速访问（jsDelivr 是一个免费开源的 CDN 解决方案），PicGo工具一键上传，操作简单高效，GitHub和jsDelivr都是大厂，不用担心跑路问题，不用担心速度和容量问题，而且完全免费，可以说是目前免费图床的最佳解决方案！但是GitHub是一个外国软件，在上传图片时经常会出现失败的现象,所以通过申请一个免费的主机（国外）可以有效的解决这个问题。
Github+PicGo+jsdelivr 搭建免费图床
lin1109221208的博客
06-17 361
创建github仓库 新建仓库：github右上角，点击+，创建 填写仓库信息，注意：仓库必须设置为public，不然只能存储，不能外部访问 创建token：点击github头像，选择settings 选择左边菜单最下面的 developer settings 选择Personal access tokens 点击generate new token，输入note，并勾选repo后，直接拉到底部，点击generate token 拷贝生成的token，最好是备份
搭建自己的图床
敲得码黛
11-23 3033
搭建自己的图床 前言 没听过图床这个词的人应该挺多的吧，毕竟平时也不怎么会用到，第一次听到图床这个概念是一位朋友跟我提起的，他平时比较喜欢写技术文章，在一次日常的商业互吹中，他鼓励我也一起写文章，我觉得很OK，跟不上大佬的脚步以后再装X是要挨打的。 在大佬的指导下，我开始学习MarkDown语法、然后用自己的服务器搭建了一个私人博客（后来觉得麻烦就给停掉了，现在写文章主要是在优快云跟微信公众号）。尝试写了几篇文章后，我经常会思考的一个问题是“文章中的这些图片咋搞啊？”，因为MarkDown语法中的图片
GitHub+PicGo+jsDelivr搭建高速稳定免费图床
leehoward
12-01 1297
Gitee也是一个比较不错的图片搭建思路，国内访问速度快，Mac下也有uPic工具进行快速的图片上传管理，采用Gitee搭建自己的图床存储资源可查看《采用Gitee搭建自己的图床存储资源》 但是，Gitee对Windows系统的用户搭建图床不是很友好，没有图片上传管理工具，有能力的大神可以自己写一个插件也可以满足。 此文章介绍，如何通过Github搭建图床，采用jsdelivr做高速CDN，采用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值