wordpress收费下载资源主题
wordpress付费下载资源插件

如何自建CDN来加速js与css文件?

我们可以通过 jsDelivr 来自建CDN加速。它很强大,通过 GitHub 搭配 jsDelivr 可以搭建自己专属的 CDN 库。

接下来将介绍 jsDelivr 与 GitHub 如何搭配使用。

首先,登录 GitHub 账户,创建新的仓库,仓库名为 cdn

然后,将仓库下载下来,添加静态资源文件,模板兔添加了 jquery.min.js 文件,然后上传到远程仓库。

GitHub 仓库界面,点击 tag => Releases ,发布版本。

此时,我们通过如下 url 规则即可访问刚才发布的资源了:

https://cdn.jsdelivr.net/gh/<GitHub 用户名>/<GitHub 仓库名>@<发布的版本号>/<文件路径>

https://cdn.jsdelivr.net/gh/erphp/cdn@1.0/jquery.min.js

其实,不发布版本我们也可以直接访问静态资源。

我们再往远程仓库中添加bootstrap.css文件,无需发布新版本,请求 url 规则如下:

https://cdn.jsdelivr.net/gh/<GitHub 用户名>/<GitHub 仓库名>@latest/<文件路径>

因此,访问bootstrap.css文件的 url 为:https://cdn.jsdelivr.net/gh/erphp/cdn@latest/bootstrap.css

jsDelivr 还提供了代码压缩服务,将 js 和 css 文件代码进行压缩。

上边我们上传了 bootstrap.css,只需将文件名改成 bootstrap.min.css 可以访问压缩后的文件资源。

查看 jsDelivr 中的 CDN 资源列表

https://cdn.jsdelivr.net/gh/<GitHub 用户名>/<GitHub 仓库名>/

https://www.jsdelivr.com/package/gh/<GitHub 用户名>/<GitHub 仓库名>

0 个评论

定制开发
本站承接WordPress等系统建站仿站、二次开发、主题插件定制等开发服务
在线咨询
  • 请直接说明需求,勿问在否
    QQ:1-247-246-247

在线咨询
本站承接WordPress建站仿站、二次开发、主题插件定制等PHP开发服务!

了解详情