想拥有自己的 CDN 仓库吗?进来 Get 一下吧!

一、前言

  • CDN的全称是 Content Delivery Network,即内容分发网络
  • CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡内容分发调度等功能模块;
  • 使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度命中率。CDN 的关键技术主要有内容存储分发技术

  • 本文采用 jsDelivr + Github 搭建免费的个人 CDN 库。

    好文章 记得收藏+点赞+关注额 !!!

---- Nick.Peng


二、在Github搭建CDN仓库

  • 在 Github 新建 CDN 仓库,如图:
    在这里插入图片描述

  • 复制创建的CDN仓库地址
    在这里插入图片描述

  • 克隆远程仓库到本地
    在本地目录右键 Git Bash Here,执行以下命令:
    git clone https://github.com/NickyangPeng/CDN.git

  • 上传资源
    将我们现有的 img 和 js 静态资源,复制到 CDN 目录下
    在这里插入图片描述
    在本地 git 仓库目录下右键 Git Bash Here,执行以下命令:

    git status                    //查看本地仓库状态
    git add .                     //添加所有文件到暂存区
    git commit -m 'First commit'  //把文件提交到本地仓库
    git push                      //推送至远程仓库
    
  • 发布CDN资源,如图
    在这里插入图片描述在这里插入图片描述

三、Github + jsDelivr 使用方法

  • 将 Github CDN仓库上的静态资源转为快速访问网址,如下:
    https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
    例如:
    https://cdn.jsdelivr.net/gh/NickyangPeng/CDN/img/avatar.jpg
    Re:CDN后面如果不使用版本号,将会直接引用最新资源;
    在这里插入图片描述
发布了174 篇原创文章 · 获赞 663 · 访问量 47万+

猜你喜欢

转载自blog.csdn.net/PY0312/article/details/104890536