首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

推荐收藏,无需手动下载将任何GitHub内的档案转为外部CDN网址

GitHub是一家通过Git进行版本控制的软件原始码代管平台,你应该经常在一些免费软件或在线工具网站看到连接指向GitHub,用以放置产品的代码或相关档案,除了让个人或组织托管代码,整合社群功能还能让其他开发者直接建立副本(Fork),方便进行修改、变更,最终将修改后的部份推送(Pull Request)回到原项目,让拥有者决定是否要将修改部分合并到原始项目,对于开发者来说真是不可多得的好工具。

有时候在GitHub找到需要使用于网站的档案(例如:CSS、JavaScript),但没有提供CDN网址就必须自己手动下载、上传到主机上才能够使用,有点耗时又不方便,因为GitHub只会显示Raw File而且无法直接将文件嵌入网站,这是避免被拿来直接连接而耗用过多流量。

本文要介绍的免费服务「RawGit」可以将任何GitHub repo内的档案转为外部CDN网址,这么做就能直接把CSS或JavaScript嵌入网站使用,无需手动下载、上传到网站空间,日后以Git推送更新后也不用重新更换网址。

RawGit的内容传递网络(Content Delivery Network)部分由StackPath免费提供,无论在速度或稳定性方面应该都没太大问题,而且无流量限制,不过因为是免费服务,RawGit就不会对上线时间和支持予以保证。

站点名称:RawGit

网站连接:http://rawgit.com/

使用教学

STEP 1

RawGit会产生两段网址,分别为在实际网站使用的CDN网址(左侧)、以及一个开发网址(右侧),只有左侧网址是通过StackPath提供加速和缓存功能,因此使用CDN将可在全世界各个地区都获得相当好的连接速度。

如果在测试开发阶段,少量使用的情况下可以使用开发网址,将会有更即时的更新时间,不过要注意「开发网址不允许大量使用,否则可能会被限速或限制无法联机」,当你测试完就必须将网址改成左侧的CDN网址。

STEP 2

我从GitHub找到一支responsive-menu.js程序做为示例,这是让网站菜单可依照不同屏幕大小自动调整的响应式设计,从Repo打开档案看起来画面会像下图,一般如果要取得纯文字档,我们会点击右上角「Raw」按钮,不过即使是纯文字格式也无法被浏览器使用,因为Content-Type会被设定为text/plain。

那要如何转为让RawGit提供内容呢?首先复制GitHub档案页面的网址。

接着将网址粘贴于RawGit首页中间的字段,下方就会产生两个网址。

前面步骤有提到,左边网址是用于正式网站的CDN网址,右边则是开发用网址,如果你想要随时更改GitHub上的档案又能够快速更新,开发阶段记得使用右边的网址。等到一切搞定,网站也要上线时务必更换成CDN网址,才能获得最好的速度和效果。

STEP 3

通过RawGit的CDN就能直接将档案插入网站使用,例如CSS、JavaScript或JSON,也不用每次再手动将档案从GitHub下载、上传到自己的主机空间,完整支持SSL。

免讯网给你值得一试的三个理由:

1、将GitHub Repo的档案转为使用CDN可直接存取的连接

2、StackPath提供最快、最稳定的内容传递网络服务

3、无流量限制,提供开发用和固定用网址

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180102A03T2J00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券