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 图片在存储库中的路径

效果:
jsDelivr
根据自己的情况修改URL地址,然后复制该URL地址。
现在,只需将此URL地址粘贴到任何网页、博客或其他内容中,就能直接从JSDelivr CDN获取图片了。

注意事项:
JSDelivr会自动处理不同类型的图片文件,因此无需手动更改文件扩展名。
当图片被删除或移动时,原始URL也会失效。建议在每次更新图片时都重新生成URL。