通过jsDelivr调用github的静态资源

通过jsDelivr引用资源
使用方法:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

例如:

https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@1.0/images/trhx.png
https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.0.1/css/style.css
https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.3//The Pet Girl of Sakurasou.mp4
注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:

// 加载任何Github发布、提交或分支
https://cdn.jsdelivr.net/gh/user/repo@version/file

// 加载 jQuery v3.2.1
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js

// 使用版本范围而不是特定版本
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

// 完全省略该版本以获取最新版本
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

// 将“.min”添加到任何JS/CSS文件中以获取缩小版本,如果不存在,将为会自动生成
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js

// 在末尾添加 / 以获取资源目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/

像是我的blog的主题中的js和css资源就是从我的github中调用的,
例如:

<link href="https://cdn.jsdelivr.net/gh/nekoame-git/cute-cnblogs/二期博客园样式/tippy.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/nekoame-git/cute-cnblogs/二期博客园样式/jquery2.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/nekoame-git/cute-cnblogs/二期博客园样式/tippy.js"></script>
<script src="https://cdn.jsdelivr.net/gh/nekoame-git/cute-cnblogs/二期博客园样式/milusidebar.js"></script>
posted @ 2024-05-15 13:47  粉红毛猫猫  阅读(60)  评论(1编辑  收藏  举报