avatar

目录
免费CDN加速:JSDELIVR+Github

CDN的全称是Content Delivery Network,即内容分发网络。

JSDELIVR官方地址:https://www.jsdelivr.com/

作用:对静态资源(js文件、图片文件等)加速

原理:github托管静态资源,使用github发布功能将静态资源release到jsDelivr平台

部署步骤:

Github托管静态资源

注册github账号,然后创建一个存储静态资源的仓库:

下载空的静态资源仓库到本地:

下载空仓库目录在,本地目录右键 Git Bash Here,执行以下命令:

bash
1
git clone  你的仓库地址

添加静态资源并提交到github:

bash
1
2
3
4
git status                //查看状态
git add . //添加所有文件到暂存区
git commit -m 'init add' //把文件提交到仓库
git push //推送至远程仓库

发布静态资源到jsDelivr

配置一个版本号,发布即可完成github静态资源发布到jsDelivr平台

批量获取静态URL

正常情况下获取规则:

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

批量获取静态资源名:

getName.bat内容:

bash
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
DIR *.* /B >PIC_NAME_LIST.TXT

@echo on

del /a /f /q "URL.txt" 2>nul

set targe=''
set prefix=https://cdn.jsdelivr.net/gh/AlvinKing/blog-PicGo@v1.0/jsDelivr/
setlocal enabledelayedexpansion
for /f %%i in (PIC_NAME_LIST.TXT) do (
set target= !prefix!%%i
echo !target! >> URL.txt
)

pause

批量处理后的静态资源:

https://cdn.jsdelivr.net/gh/AlvinKing/blog-PicGo@v1.2/jsDelivr/autoProductURL.png
https://cdn.jsdelivr.net/gh/AlvinKing/blog-PicGo@v1.1/jsDelivr/clone.png
https://cdn.jsdelivr.net/gh/AlvinKing/blog-PicGo@v1.1/jsDelivr/create.png
https://cdn.jsdelivr.net/gh/AlvinKing/blog-PicGo@v1.1/jsDelivr/release1.png
https://cdn.jsdelivr.net/gh/AlvinKing/blog-PicGo@v1.1/jsDelivr/release2.png

后续:

使用PicGo工具上传,详见:

https://www.jianshu.com/p/a36e9c64361d

此种方案自动化实现,不需要手动release,但是个人还是比较倾向先手动执行再使用自动化工具

文章作者: 菠の萝
文章链接: https://pineapple8.gitee.io/2020/02/16/%E5%85%8D%E8%B4%B9CDN%E5%8A%A0%E9%80%9F%EF%BC%9AJSDELIVR-Github/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 菠の萝 Hexo
打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论