使用jsDelivr和GitHub实现免费CDN加速
jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。
在GitHub上创建仓库
在GitHub上创建一个新的仓库,用于托管你的静态资源文件。如果你已经有了一个仓库,可以跳过这一步。可以通过新建文件夹区分不同的资源文件,也可以将所有资源文件放在同一个文件夹中。
上传资源文件到对应的仓库目录下
降你的资源上传到对应的仓库目录下,然后提交到GitHub。确保文件路径的正确性,以便后续的CDN加速中能够正确的引用这些资源。
获取资源文件的URL地址
在Markdown语法中,通过指定URL地址来引用图片。格式为
![alt text](https://cdn.jsdelivr.net/gh/{username}/{repository_name}@{branch}/path/to/image) |
参数 | 说明 |
---|---|
alt text | 图片无法显示时所显示的替代文本 |
{username} | GitHub用户名称 |
{repository_name} | GitHub存储库名称 |
{branch} | Git分支(默认为main) |
/path/to/image | 图片在存储库中的路径 |
效果:
根据自己的情况修改URL地址,然后复制该URL地址。
现在,只需将此URL地址粘贴到任何网页、博客或其他内容中,就能直接从JSDelivr CDN获取图片了。
注意事项:
JSDelivr会自动处理不同类型的图片文件,因此无需手动更改文件扩展名。
当图片被删除或移动时,原始URL也会失效。建议在每次更新图片时都重新生成URL。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Fairly!
评论