基于jsDelivr+GitHub的免费CDN
1 什么是CDN?
CDN(Content Delivery Network,即内容分发网络)
,是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。而jsDelivr
是一个免费、开放原始码的公有 CDN
服务,总的来说,jsDelivr
+ GitHub
是免费且好用的CDN
服务,非常适合博客网站使用。
2 创建cdn-assets仓库
登陆你的GitHub,创建一个名为cdn-assets
的公有仓库
用于存放你的静态资源文件。
复制红框中的仓库地址,然后克隆到本地:
3 提交并推送到GitHub
在本地文件夹cdn-assets
中添加你的静态资源文件,然后提交并推送到GitHub:
# 添加文件 git add . # 提交文件 git commit -m "add cdn source files." # 推送到远程仓库 git push origin master
4 发布cdn-assets版本
点击Create a new release
,创建一个cdn-assets
的发布版本:
点击Punlish release
进行发布:
5 访问静态资源
-
获取指定版本的资源
https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名@版本号/文件路径 以访问
emoji
表情包为例:https://cdn.jsdelivr.net/gh/GentleTK/cdn-assets@1.0.0/emoji/qq/qq-105.gif -
获取最新版本的资源
{% note warning flat %}
@latest
也可不加,同样表示获取最新版本的资源。https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名@latest/文件路径 以访问
emoji
表情包为例:https://cdn.jsdelivr.net/gh/GentleTK/cdn-assets@latest/emoji/qq/qq-105.gif
文章作者:GentleTK
原文链接:https://gentletk.gitee.io/基于jsDelivr+GitHub的免费CDN
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义