欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

使用Jsdelivr CDN加速博客访问速度

程序员文章站 2023-12-24 12:00:09
...

CDN加速

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

放在Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度,jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用。

1.首先新建GitHub仓库

使用Jsdelivr CDN加速博客访问速度

使用Jsdelivr CDN加速博客访问速度

2.本地新建本地工作区

1.本地新建一个文件夹,文件夹名称自定义,然后进入文件夹,在文件夹内依次执行下面的命令

git init  # 初始化本地工作区
git remote add origin 你新建仓库的HTTP或者SSH地址链接
git pull origin master #将仓库拉取到本地文件夹

使用Jsdelivr CDN加速博客访问速度
2.接着把你要上传的文件放进这个文件夹内(可以多层目录)

我这里举一个例子,当然你可以创建多个文件夹注:jsDelivr不支持加载超过20M的资源

使用Jsdelivr CDN加速博客访问速度

然后再依次执行下面的命令:

git config --global user.name  用户名 
git config --global user.email 用户名邮箱
git add .      #(.表示所有的)
git commit -m  '添加文件内容描述' 
git push origin master   #将本地仓库文件推送到GitHub新建的仓库

这里要设置签名,也就是用户名和用户名邮箱。要让远程库知道是谁在操作,如果这里不执行操作,接下会操作时系统会提示你输入用户名和邮箱的。辨析:这里设置的签名和登录远程库(代码托管中心github)的账号、密码没有任何关系,可以随便填。

使用Jsdelivr CDN加速博客访问速度

然后去GitHub仓库查看效果即可。

3.发布仓库

1.点击release,进行版本的发布。
使用Jsdelivr CDN加速博客访问速度
2.点击Create new release,创建一个新版本。
使用Jsdelivr CDN加速博客访问速度
3.自定义发布版本号,添加标题和描述等。
使用Jsdelivr CDN加速博客访问速度

4.通过jsdelivr引用资源
使用方法:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
例如:https://cdn.jsdelivr.net/gh/xiaoshidi-hub/[email protected]/cover/cover1.jpg

使用Jsdelivr CDN加速博客访问速度

注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源。

如果以后在向cdn库里添加或者修改文件,首先把文件添加到本地仓库,然后依次在本地cdn仓库文件位置执行以下命令:

git pull origin master  #拉取远程仓库到本地
git add .
git commit -m '描述内容'
git push origin master  # 推送到GitHub仓库

然后在执行版本发布的操作,引用链接即可。

相关标签: 博客搭建

上一篇:

下一篇: