PicGo+GitHub+jsDelivr搭建免费cdn加速图床

最新推荐文章于 2024-07-19 16:45:08 发布
最新推荐文章于 2024-07-19 16:45:08 发布
阅读量695 收藏
点赞数 2
分类专栏： 干货分享 Github Web前端后端 文章标签： github 性能优化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50203525/article/details/125903850
版权
本文介绍了如何利用GitHub创建仓库，生成Personal Access Token，结合PicGo工具设置图床，以及使用jsDelivr免费CDN加速图片访问。通过这个方法，个人博客可以有效提高图片加载速度，避免对服务器性能造成影响。
摘要由CSDN通过智能技术生成

前言

博客地址: https://wrxinyue.cn/?p=95
本文内容包括：

  • 创建一个 github 仓库
  • 使用 jsDelivr 免费 CDN 加速图片访问速度
  • 创建 Token
  • 使用 PicGo 配置 github 图床

众所周知网站图片是会影响云服务器性能，在我们这些小博客网站流量是非常有限的，为了避免网站性能降低我们除了压缩媒体文件还可以通过远程调用的方法，也就是用一个单独的云服务器存放媒体，如用一个专门的图床网站或者阿里云OSS对象存储之类的作为网站图床。

什么是图床：

图床一般是指储存图片的服务器，有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。

图床就是专门用来存放图片，同时允许你把图片对外连接的网上空间，不少图床都是免费的。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8zRVEfQJ-1658336819034)(https://cdn.jsdelivr.net/gh/WRXinYue/PictureCDN/img/021357282173530.jpg)]

使用PicGo+GitHub+jsDelivr搭建图床

配置Github

  1. 登陆github账号创建新的仓库

image-20220717192813938

  1. 填写仓库属性

image-20220717193516646

3.点击头像-Settings-Developer settings-Personal access tokens-Generate new token
在这里插入图片描述
image-20220717193812726
在这里插入图片描述

  1. 填写内容
    image-20220717194816210

  2. 复制token
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xpokR0kp-1658336819058)(https://cdn.jsdelivr.net/gh/WRXinYue/PictureCDN/img/image-20220717195046107.png)]

配置PicGo

PicGo官方下载链接
image-20220717195901602

  • 仓库名即为你的github账号/图片仓库名
  • 分支名我在这里使用master
  • Token 就填写刚才我们生成的 Token
  • 存储路径如果需要指定子目录可以填写例如 img/ 如果没有填，就会上传到图片仓库的根目录。
  • 自定义域名就填写 jsDelivr 的域名，即图片访问地址，不包括图片路径的前半部分，
  • https://cdn.jsdelivr.net/gh/用户名/仓库名
  • 最后设为默认图床，下次在 typora 上传图片就会自动上传到 github 图床了。

扩展

图片粘贴到Typora后，自动把图片上传到配置好的图床上

配置Typora

文件-偏好设置-图像

image-20220717201003688

吾日心悦如石水
关注
专栏目录
利用jsDelivr搭建免费CDN图床
vinco的博客
05-04 425
最近搭建好halo博客后，在主题更换壁纸后加载比较慢，最后发现首页图片接近5M，加载比较慢，就有了搭建CDN图床的想法，在网上找了一圈，发现诸多大佬推荐利用GitHub+jsDelivr+PicGo搭建免费图床，于是着手试了下，效果还不错，先上效果示意图。 加载4.8M的图像用了836ms，还算是较为可观（毕竟是白嫖的）。 利用jsDelivr搭建免费CDN图床 感谢B站up主Mrhuanhao的视频指导：关于博客的最稳定的图床方案 1.建立github仓库 首先是建立仓库，我这里命名为CDN。 [外链图
使用 PicGo+Github+JsDelivr 搭建免费图床
BlueWhale52的博客
07-02 569
前言 在搭建我的博客时，想着写 Markdown 文档有个图床方便点，所以有了这篇文。 一开始是使用 PicGo+Gitee 来搭建，但在测试过程中发现当图片超过1M时，必须登录 Gitee 账号才能访问到仓库内的图片，否则会404，后来发现使用 Gitee Pages 可以解决这个问题。但是，Gitee Pages 不能自动部署，每上传一张图片，必须手动部署一次，才能正常访问（自动部署为Gitee Pages Pro付费内容），效率太低。因此改用GitHub。 但
github加速_使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床
weixin_39990401的博客
11-02 423
前言经常写Markdown或者博客的同学，肯定都要用到图床。图床是什么呢？其实相当于一个存储图片的网站，类似百度云这样，不过上传图片到图床后可以直接通过外链进行访问。比如把本地一张a.jpg上传到图床后，便可以拿到一个链接：https://www.xxx.com/img/a.jpg然后点击这个链接就可以访问图片a了。今天来聊聊怎么搭建可靠的图床吧~为什么会产生这个需求呢？因为小编经常写博文什么的，...
免费图床：高速 CDN 与稳定体验，加载速度卓越，值得长期选用
最新发布
qq_26024123的博客
07-19 1218
Chevereto 的特点在于多数需要注册，能为您提供丰富的图片链接格式（通常默认返回图床内缩略地址，若用于博客，建议选择直接源文件地址或 Markdown 格式），首页会展示收录的图片数量，注册用户可查看自己上传的图片，并支持 API 功能。聚合图床：这是我强烈推荐的一个图床，因其拥有丰富的客户端和接口，还支持挂载自身的 oss、cos、七牛云等存储服务，具备足够的盈利方式以维持长期运营，而且免费用户的速度也很快，拥有国内 CDN 服务，但需登录后上传。经测试，国内打开图片的速度基本在 1 秒左右。
GitHub仓库当图床,免费使用cdn加速
豪先生的博客
04-12 2690
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标签里面..
PicGo+GitHub+CDN加速+Typora搭建图床
xiaodaidai的博客
02-22 705
图床，就是指一些可以把图片存放到网上并且引用到其他网站使用的服务，就像以前的网络相册。
缩狗图床免费CDN图床|集合8个大品牌免费图床
关尓佟博客
11-26 749
源码文本小至2.5kb可本地，可上传至服务器使用。 图床无需自行接口，程序内已经接。 下载点击原文链接 本文来自：关尓佟博客，原地址：https://guanertong.cn/post/177.html ...
如何搭建免费图床GitHub+PicGo+jsDelivr加速
future_M的博客
04-07 375
对于有博客需求的人来说，纯第三方图床永远是不可靠的。本文教程为搭建免费图床。
PicGo+github搭建免费图床
hellowujianning的博客
08-10 2377
PicGo+github搭建免费图床 使用Github（需要一个GitHub账号）和PicGO来搭建一个免费图床，为了避免自己的博客迁移或者转发给别人而无法显示图片，造成阅读障碍。 图床是什么 图床一般是指储存图片的服务器，有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。 使用github搭建图床 1，首先确保自己有个github账号，没有的自己去申请一个，过程自己网上搜索； 2，在github上创建一个仓库； 3，创建一个私
Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法
qq_62229338的博客
09-02 1703
Typora+PicGo+GitHub图床的搭建和常见问题的个人解决方法
10分钟教你使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床
infinitor的博客
06-28 1189
前言 经常写Markdown或者博客的同学，肯定都要用到图床。图床是什么呢？其实相当于一个存储图片的网站，类似百度云这样，不过上传图片到图床后可以直接通过外链进行访问。 比如把本地一张a.jpg上传到图床后，便可以拿到一个链接https://www.xxx.com/img/a.jpg，然后点击这个链接就可以访问图片a了。今天来聊聊怎么搭建可靠的图床吧~ 为什么会产生这个需求呢？因为小编经常写博文什么的，现在的做法是在简书上上传图片，然后把生成的图片链接放到Markdown文档上面，写好文档以后就可以批量复制
利用github搭建自己圖床---PicGo+cdn加速
Daomiao的博客
11-19 531
写博客的时候大家可能会要去链接一些图片啥的,这是后会用到图床,网络上各种各样的图床很多,有收费的或者不收费的,但是我们完全可以利用github这个平台构建一个属于自己的图床. 废话不多说,上教程… Step1.首先你必须要有github账号,相信程序员们应该都会有. Step2.创建一个库. 获取token 授权你要作为图床的那个库,将获取到的token复制到粘贴板. 我是已经获取到了token,所以不显示. 安装PicGo并做相关配置 github:PicGo 这样图床基本上就配置完了. 我们可以
免费图床推荐高速CDN、稳定、体验、加载速度、值得长期使用
qq_26024123的博客
06-03 2771
这个项目作者是反代的被墙了的 infura 端口，作者在 github 放的演示页可以直接用，需要注意的是，infura 的公共 api 会帮你固定 6 个月，固定的意思是在该 api 的节点机器上固定这个文件，ipfs 的规则是，一个文件没被固定的情况下，长时间没人访问就会被删除，所以说利用这种简单易行的 ipfs 图床，你的图片最少在 6 个月的时间内访问没问题。速度不错，江苏移动的机器加速，目前托管 4 万张图，测试图片打开速度国内基本在 1-2s，最大上传 10MB 的图。
5步搭建免费图床（CDN图床）再也不用担心网站网速与内存了
仿站、源码搭建/迁移技术博客
05-18 3378
利用GitHub+jsDelivr+PicGo搭建免费图床，CDN图床就是这么朴实无华，是基于免费CDN与免费开源网站制作的免费CDN图床。 一、前言 ​ 1.用 markdown 写博客，想插入一些图片，如果采用本地存储方式，上传博客时插入的图片路径就找不到了，需要手动再把图片上传上去，并且修改路径，很麻烦，可以考虑将图片上传至图床生成 URL，直接在markdown 引入url。 ​ 2.现在国内用的各种图床,例如,微博图床、SM.MS、Imgur、七牛云、又拍云、腾讯云COS、阿里云OSS等都有
使用 jsDelivr CDN 对 Github 图床进行加速，带给你如丝滑般的图片体验！
梦家の博客
05-06 1345
文章作者：梦家 个人站点：dreamhomes.top 原文地址：https://dreamhomes.top/703.html 公众号ID：DreamHub 背景 最开始博客都是使用七牛云存储作为图床，七牛云注册认证后有10G永久免费空间，每月10G国内和10G国外流量，速度相当快，七牛云是国内专业CDN服务商，插件支持比较多，有免费ssl证书。计费问题 > 免费额度须知 最开始以为...
将任何GitHub内的代码转为外部CDN网址
Calamus
01-31 1718

 rawgit.com
 
 有时候在GitHub找到需要使用于网站的档案（例如：CSS、JavaScript），但没有提供CDN网址就必须自己手动下载、上传到主机上才能够使用，有点耗时又不方便，因为GitHub只会显示Raw File而且无法直接将文件嵌入网站，这是避免被拿来直接连接而耗用过多流量。
 「RawGit」免费服务可以将任何Gi...
通过jsDelivr实现Github的图床CDN加速
学而思(xiejava的blog)
03-20 841
jsdelivr是一个免费的公共CDN（内容分发网络）服务，它允许网站开发者将他们的代码库、JavaScript库、字体和其他资源托管在jsdelivr上，并通过jsdelivr的CDN网络进行快速分发。使用jsdelivr可以有效地减少用户下载资源的时间，提高网页加载速度，同时减轻原始服务器的负载。
jsDelivr和Github配合才是最佳免费CDN，五分钟学会使用，附搭建免费图床教程
03-30 1557
jsDelivr是一个提供数千种Javascript、CSS等超过1650多种 Libraries 加速的免费CDN服务，支持给Github、WordPress、NPM免费提供CDN加速。而且国内也有 CDN 节点，速度非常快。Github目前最好用的免费开源项目托管站点，众多开源项目都托管在Github，目前Github已被微软收购了。虽然这种免费CDN折腾起来有点麻烦，不过毕竟免费，还可以作为图床用能节省你的主机流量，加上jsDelivr 和 Github 都是大厂还是比较放心的。
PicGo+GitHub+cdn搭建图床
Jayuee的博客
03-28 759
文章目录GitHubPicGocdn加速测试问题 GitHub 进入官网，登录账号，点击new repository 仓库名可以随意，我这里取的是cdn, Initialize this repository with a README 可点可不点，我这里没点 然后点击 create repository即可 记得点击repo 然后generate token 记得保存 token，只...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吾日心悦如石水

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值