cdn github_使用RawGit将GitHub文件转换为原始CDN资产

RawGit是一个免费的网络应用,允许开发者将GitHub仓库中的文件转化为CDN资产,便于直接嵌入CSS和JavaScript,无需本地存储。通过RawGit,可以轻松将GitHub项目中的文件在线托管并获取CDN链接,特别适合云IDE中的外部文件使用。虽然开发URL可能有限制,但对于小型项目,RawGit是一个方便且实用的前端开发工具。
摘要由CSDN通过智能技术生成

GitHub上有数千个新项目和功能可使用。 但是,开发人员喜欢快速移动,烦人的只是为了测试而在本地下载所有这些文件

这是RawGit派上用场的地方。 这个免费的网络应用程序可让您将GitHub存储库中的任何文件转换为外部托管的CDN

使用此CDN文件,您可以直接嵌入CSS和JavaScript文件,而无需将它们本地存储在计算机上。 这也使在需要外部文件的地方使用云IDE更加容易。

RawGit CDN

RawGit Web应用程序非常易于使用,并且适用于每个GitHub存储库

首先,您应该找到要使用的没有CDN链接的仓库。 在这种情况下,我将选择非常简单的CSS3模式

然后深入研究文件结构,以从外部查找所需的确切文件 。 例如, 此样式表就是此模态窗口效果所需的全部。 因此, 将该URL复制/粘贴到RawGitvoila中

可以使用的完整URL ,可以根据需要复制/粘贴。

RawGit创建GitHub链接

请注意,这里有两个不同的URL 。 第一个是CDN生产URL ,您可以在实际网站上实际使用它 。 这通过StackPath CDN运行,因此可以在全球范围内快速提供文件。

另一方面,您会找到仍在线托管的开发URL ,但它不会通过CDN传递。 它并未针对高性能进行优化,但非常适合本地测试基于云的IDE开发

您不会错任何一个链接,并且它们都可以完美地用于测试较小的GitHub存储库。

开发URL确实具有内置节流功能,以应对过多的流量和大量请求。 这可能会导致一系列问题,但是如果您正在从事较小的项目,则不会发现任何问题。

RawGit是现代Web开发的最佳发明之一。 您可以从任何GitHub存储库中提取任何文件,并使用适当的Content-Type标头将其在线托管。 对于所有认真的前端开发人员来说,绝对是必不可少的资源。

如果您有任何疑问,或者只是想发送感谢信,您可以在Twitter官方账号@rawgit上发布一条快速推文。


翻译自: https://www.hongkiat.com/blog/rawgit-cdn-webapp/

GitHub本身并不提供CDN服务,但你可以使用GitHub与jsDelivr结合来实现免费的CDN加速。jsDelivr是一个开放源码的公共CDN服务,它可以帮助你加速静态资源的传输并减轻服务器负担。你可以将你的静态资源文件上传到GitHub仓库中,然后通过jsDelivr提供的CDN链接来访问这些文件。具体操作如下: 1. 在GitHub上创建一个仓库,用于存储你的静态资源文件。 2. 将你的静态资源文件添加到本地文件夹(比如cdn-assets文件夹)中。 3. 使用Git命令将这些文件提交并推送到GitHub仓库: ``` # 添加文件 git add . # 提交文件 git commit -m "add cdn source files." # 推送到远程仓库 git push origin master ``` 4. 通过jsDelivr提供的链接来访问你的静态资源文件。你可以使用以下格式的链接: ``` https://cdn.jsdelivr.net/gh/你的GitHub用户名/你的仓库名称/文件路径 ``` 例如,如果你的GitHub用户名是example,仓库名称是cdn-assets,文件路径是/css/style.css,那么你可以使用以下链接来访问该文件: ``` https://cdn.jsdelivr.net/gh/example/cdn-assets/css/style.css ``` 通过这种方式,你可以免费使用GitHub与jsDelivr搭建自己的CDN服务加速访问你的静态资源文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Github Page 个人主页——CDN加速](https://blog.csdn.net/m0_47520749/article/details/124768311)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [基于jsDelivr+GitHub的免费CDN](https://blog.csdn.net/qq_40531408/article/details/126070098)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值