如何高效利用jsdelivr做cdn-GitStatic插件

乔千

发布于 2020-04-16 10:22:46

1.3K00

代码可运行

文章被收录于专栏：用户4667108的专栏用户4667108的专栏

运行总次数：0

代码可运行

前言

介绍

这款插件是基于默认 jsdelivr 静态加速，类似于 cos/oos 储存静态方案，相信如果有前端开发经验的都知道，jsdelivr 做静态加速也是不错的。

对比一下

cos 收费 × (免费 60GB 可以试试)
oss 小贵 ×
Git 免费 √

既然这样市面上有此类插件那么这款插件，我们要拉开特点，又要如何做？

特点

全站静态加速

在上个版本的经验进行重构的 2.0 版本插件从图像附件插件跳出，新版本涵盖了静态资源包括图片附件... anyone 都可以使用

可移植性

跳出了 typecho 插件限制，如果你能设置静态加速 URL 地址，均可以使用本方案。为什么能使用呢？来了解一下新版方案

工作原理

 插件->自建中转站点(此站点为核心逻辑)->git

插件仅仅替换图片地址，然后使用中转站点多资源进行静态加速分发到 jsdelivr (当然也可以使用 cos/oss 对其进行 git 资源分发)

全站 webp

使用 webp 可有效减少图片的流量消耗，加快图片分发，举个例子 2mb 图片能压缩 40％左右对整个页面负载大大减少。

上传速度大幅提高

收到上个版本反馈，上传速度大幅提高来源于工作原理，上传图片会保存在本地 (然后上传就完成了)，等等你说 cdn，cdn 会在第一次访问的时候对你站上图片下载，之后处理上传到 jsdelivr 不干预上传过程导致上传速度突突突的

支持多仓库分离

支持多个仓库配置同时加速分发

教程

下载

gitstatic 下载会获取到一个 xxx.zip 的文件

解压

解压后你将看见一些文件和两个目录 *TY 内部文件移动到 usr/plugins/GitStatic/ 目录 *CDN 按照下面配置教程设置

配置静态加速中转处理

创建一个新的域名

例如 test.9st.top 又或者 cdn.9st.top

配置伪静态

if (!-e $request_filename) { rewrite ^(.*)$ /index.php$1 last; }

非 Nginx 用户提醒: 将流量导向 index.php 即可伪静态有待补充

设置配置

打开站点目录找到解压后的文件 config.php 按照 config.php 的注释配置提示:

您需要有 git 账号
您需要创建了仓库

最后需要获取 token，token 如何获取？友人的教程以上教程为旧版教程只需要按照已经获取 token 继续阅读本文配置获取 token 以上为 csdn 第三方博客获取 token 教程

以上为测试站点的配置

1.site 地址为回源地址，填写博客地址即可

2.sitekey 关系以后 api 安全，请修改 qiaoqianwu 默认密码为其它密码

3.webp 为全站图片压缩开关

4.username 为 github 账号名 (非邮箱)

5.path 默认为空请不要瞎改

6.repos 为仓库名

7.Parameter 为是否关注 url 参数缓存默认 false

8.cachetime 设置缓存时间多久更新一次缓存

默认 0 (一般填 0 请不要按照我的配置错误瞎来)

因为图片如果你清理本站图片，导致 git 回源失败，你图片就没了。

设置插件

将 plugin.php 文件放到 usr/plugins/GitStatic/ 后打开设置

将中转站点的 url 填入设置 url 规范 http:// 中转站点域名 / 绑定的目录 https:// 中转站点域名 / 绑定的目录那么问题来了绑定的目录是啥刚刚配置 config.php 文件中的配置

$config["router"][绑定的目录]=绑定配置序号

例如我绑定的是 git https:// 中转站点域名 /git

魔改开始

如何配置全站加速

介绍教程加速 URL 按照上面的设置插件的教程设置 URL

如何配置多仓库加速

先在 cdn 中转站点 config.php 添加以下

$config["router"]["需要绑定的目录"]=x(数字);$config["github"][x]["site"]="需要回源地址";$config["github"][x]["webp"]=true;$config["github"][x]["path"]="";$config["github"][x]["username"]="MQiaoqian";$config["github"][x]["repos"]="MCDN";//仓库$config["github"][x]["Parameter"]=false;$confug["github"][x]["CacheTime"]=0;$config["github"][x]["token"]="token";