Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

2020年3月23日 8 1,140 1609字阅读5分21秒

jsDelivr提供npm,GitHub,WordPress等项目的镜像,全球加速访问,所以jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用。

GitHub 图床也是个不错的选择,利用 jsDelivr CDN 加速访问(jsDelivr 是一个免费开源的 CDN 解决方案),PicGo 工具一键上传,操作简单高效,GitHub 和 jsDelivr 都是大厂,不用担心跑路问题,不用担心速度和容量问题,而且完全免费,可以说是目前免费图床的最佳解决方案!

1、新建Github仓库

1.1 )当然你得先有一个github账号!网址:https://github.com/

1.2 )登录/注册GitHub,新建一个仓库,填写好仓库名,仓库描述,根据需求选择是否为仓库初始化一个README.md描述文件

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

1.3)新建一个js文件,然后提交!你也可以利用git本地推送!

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

2、Create a new release

2.1 )点击【releases】,然后我们点击【Create a new release】!不创建也是可以的。

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

2.2 ) 版本号输入1.0 ,目标是 master分支!

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

3、访问

之后,访问:https://cdn.jsdelivr.net/gh/用户名/仓库名@版本号/ 即可访问你的内容了!

比如:https://cdn.jsdelivr.net/gh/angtnt/wpcdn@1.0/

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

文件不想带版本号?将版本号换成latest即可!或者不带版本号!或者直接@master(或者其他分支名称)!比如:

此处为隐藏的内容!
发表评论并刷新,方可查看
直接@master,就不用新建releases了!

演示一张图片:

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

访问效果还不错,国内有网宿加速,国外有CloudFlare CDN加速访问!

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

4、配置PicGo上传

4.1 ) github生成一个Token

在主页依次选择【Settings】-【Developer settings】-【Personal access tokens】-【Generate new token】,填写好描述,勾选【repo】,然后点击【Generate token】生成一个Token,注意这个Token只会显示一次,自己先保存下来,或者等后面配置好PicGo后再关闭此网页。

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

4.2)前往 下载PicGo,安装好后开始配置github图床。

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

  • 设定仓库名:按照【用户名/仓库名】的格式填写
  • 设定分支名:【master】
  • 设定Token:粘贴之前生成的【Token】
  • 指定存储路径:填写想要储存的路径,如【daniao-pic/】,这样就会在仓库下创建一个名为 daniao-pic 的文件夹,图片将会储存在此文件夹中
  • 设定自定义域名:它的作用是,在图片上传后,PicGo 会按照【自定义域名+储存路径+上传的图片名】的方式生成访问链接。再放一张图片:

Github+jsDelivr+PicGo 为脚本/图片等静态文件加速的全球CDN

关于PicGo如何上传使用就不多说了,直接拖拽即可,然后会自动生成一个链接,复制出来即可使用。

5、最后

使用限制:

  • 目前GITHUB仓库容量是没有上限的!不过官方推荐在1G以内!
  • 仓库单个文件50M会收到警告,大于100M会被拒绝!
  • jsDelivr仅能针对50M以下的文件CDN加速!

这样看来我们完全可以利用它来存一些静态文件了,如JS,CSS,图片等等!原则上这属于滥用资源,如果滥用很严重,有可能会限制国内加速,或者取消加速,取消服务。

关于储存库容量

https://help.github.com/cn/github/managing-large-files/what-is-my-disk-quota

  • 我的微信
  • 分享宝塔面板建站技术交流等!
  • weinxin
  • 微信公众号
  • 关注本博公众号
  • weinxin
QQ邮箱app注册Gmail – 一定要在手机端 WEB前端

QQ邮箱app注册Gmail – 一定要在手机端

Gmail注册步骤到了手机验证环节,总是会提示:“该手机不能用于验证”,不管我们是否科学上网或者其他的方式都绕不开这个问题。 这个问题貌似已经出现很久了,搜索了一圈发现用QQ邮箱app、或者网易邮箱a...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:8   其中:访客  5   博主  3
    • avatar 奶爸建网站笔记 6

      这个基友给我发过。

      • avatar 萧瑟 5

        好多人拿来做图床。 :mrgreen:

          • avatar 大鸟

            回复 萧瑟 好用,免费一下让我喜欢上了。 :lol:

          • avatar 缙哥哥 6

            可以考虑弄个自制图床了,但是要及时备份,一旦关闭或阻断就头疼了!

            • avatar 知与 1

              这个我之前看到有人分享过这个教程

                • avatar 大鸟

                  回复 知与 分享的人有很多。 :lol:

                • avatar ravi 0

                  速度怎么样