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

2020年3月23日 14 2,877 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描述文件

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

2、Create a new release

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

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

3、访问

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

比如:https://cdn.jsdelivr.net/gh/angtnt/[email protected]/

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

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

演示一张图片:

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

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

4、配置PicGo上传

4.1 ) github生成一个Token

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

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

  • 设定仓库名:按照【用户名/仓库名】的格式填写
  • 设定分支名:【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
大鸟
chrome插件:bilibli图床、微博图床 WEB前端

chrome插件:bilibli图床、微博图床

图床很多是网站版本,如果有chrome插件版本的会更方便,群里大神推荐说有bilibli图床和微博图床的chrome插件版本。赶紧去试用一番,效果很不错。 这篇文章就来分享下这两个插件,如果在和以前大...
匿名

发表评论

匿名网友

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

评论:14   其中:访客  11   博主  3
    • 奶爸建网站笔记 奶爸建网站笔记 6

      这个基友给我发过。

      • 萧瑟 萧瑟 5

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

          • 大鸟 大鸟

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

          • 缙哥哥 缙哥哥 7

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

            • 知与 知与 4

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

                • 大鸟 大鸟

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

                • ravi ravi 0

                  速度怎么样

                  • 小小小鸟 小小小鸟 2

                    这个功能真是好

                    • South Bay South Bay 1

                      这个基友给我发过。

                      • 双Ge 双Ge 0

                        上传之后还是错误

                        • 虾虾 虾虾 1

                          真的很快,为jsdeliver点赞

                          • 小陈先生 小陈先生 4

                            来看看

                            • Benny Benny 2

                              这个看起来靠谱一些!干净部署,~