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

VPS消息20字数 1609阅读模式

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
我的微信
微信公众号
关注大鸟博客公众号
 
大鸟
  • Github+jsDelivr+PicGo
  • GitHub 图床
  • 免费jsDelivr加速
评论  20  访客  17  作者  3
    • 奶爸建网站笔记
      奶爸建网站笔记 7

      这个基友给我发过。

      • 萧瑟
        萧瑟 5

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

          • 大鸟
            大鸟

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

          • 缙哥哥
            缙哥哥 7

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

            • 知与
              知与 4

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

                • 大鸟
                  大鸟

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

                • ravi
                  ravi 0

                  速度怎么样

                  • 小小小鸟
                    小小小鸟 2

                    这个功能真是好

                    • South Bay
                      South Bay 2

                      这个基友给我发过。

                      • 双Ge
                        双Ge 0

                        上传之后还是错误

                        • 虾虾
                          虾虾 2

                          真的很快,为jsdeliver点赞

                          • 小陈先生
                            小陈先生 4

                            来看看

                            • Benny
                              Benny 3

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

                              • 蜡笔小心
                                蜡笔小心 3

                                厉害了厉害了

                                • 云点SEO
                                  云点SEO 6

                                  找时间试用一下

                                  • diffghjkl
                                    diffghjkl 1

                                    感谢分享

                                    • niumi
                                      niumi 1

                                      这个我想来学习一下。

                                      • niumi
                                        niumi 1

                                        我想看看怎么拿来做图床比较好

                                        • cooree
                                          cooree 4

                                          好用极了

                                        匿名

                                        发表评论

                                        匿名网友

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

                                        确定