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

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

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

<div> 
    <img src="https://s2.51cto.com/images/blog/202404/03032939_660c5ca3b0c4a28222.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=" alt="RawGit CDN">
</div>

raw是镜像 raw github 镜像_git

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

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

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

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

<div> 
    <img src="https://s2.51cto.com/images/blog/202404/03032940_660c5ca4414b023457.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=" alt="RawGit创建GitHub链接">
</div>

raw是镜像 raw github 镜像_c++_02

请注意,这里有两个不同的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/