CDN的全称是Content Delivery Network,即内容分发网络。
JSDELIVR官方地址:https://www.jsdelivr.com/
作用:对静态资源(js文件、图片文件等)加速
原理:github托管静态资源,使用github发布功能将静态资源release到jsDelivr平台
部署步骤:
Github托管静态资源
注册github账号,然后创建一个存储静态资源的仓库:
下载空的静态资源仓库到本地:
下载空仓库目录在,本地目录右键 Git Bash Here,执行以下命令:
1 | git clone 你的仓库地址 |
添加静态资源并提交到github:
1 | git status //查看状态 |
发布静态资源到jsDelivr
配置一个版本号,发布即可完成github静态资源发布到jsDelivr平台
批量获取静态URL
正常情况下获取规则:
批量获取静态资源名:
getName.bat内容:
1 | DIR *.* /B >PIC_NAME_LIST.TXT |
批量处理后的静态资源:
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,但是个人还是比较倾向先手动执行再使用自动化工具