RawGit-将GitHub的Raw文件转为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使用教程:

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

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

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

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

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

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

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

值得一试的三个理由:


  • 将GitHub Repo的文件转为使用CDN可直接存取的链接

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

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

    A+
发布日期:2018年7月4日  所属分类: Mac 软件
标签: