Github Pages访问太慢?经过Netlify免费加速

github pages vs netlifyhtml

Github Pages为Github提供的一项静态站点托管服务,它直接从Github仓库获取静态文件进行发布,而后提供一个github.io的二级域名供用户访问,支持绑定自定义域名,支持开启HTTPS,开启HTTPS会自动申请证书同时在证书过时前自动续签,这一切都是免费的,使用极其简单,只须要将你的静态文件提交到Github,而后开启Pages服务便可,个人博客就托管于Github Pagesgit

Github Pages免费且稳定的服务让我能够专一内容,而无需考虑成本及维护的问题,很是方便广受好评,但其最大的一个问题就是国内访问速度很慢,如何简单快速又低成本的解决这个问题呢?这里介绍一个服务:Netlifygithub

Netlify是一家提供静态网站托管的综合平台,支持自动从Github等仓库拉取代码并构建成静态网站进行发布,同时也支持自定义域名,自动申请SSL证书等功能,更为重要的是自动启用CDN加速,国内访问速度要快不少dom

如下分别是Github Pages和Netlify两个平台同一项目请求速度的对比图工具

从上图的测试结果能够看出国内各地的访问速度Netlify都能完胜,接下来详细介绍下如何经过Netlify给你的Github Pages加速测试

Netlify

打开Netlify官网,点击右上角的Sign up注册帐号,这里推荐关联Github帐号网站

关联认证后进入Netlify的后台页面,以下图,点击New site from Git阿里云

选择网站源码托管的代码仓库类型,支持Github、Gitlab以及Bitbucket,选择GitHubspa

而后会进入Github的认证受权页面,点击Authorize Netlify by Netlify.net

点击Only select repositories选择要受权的Github仓库,固然也能够直接选择受权全部仓库,这个受权在设置中能够改

受权完成回到Netlify后台页面,选择咱们刚刚受权的Github仓库继续

选择部署的用户以及分支,若是是一些须要编译的项目,还支持定义编译的命令以及最终发布的目录,纯静态网站的话都不须要填写,直接点击Deploy site便可完成部署

部署完成后,Netlify会自动生成一个随机的二级域名xxx.netlify.com,咱们能够修改成自定义的二级域名,点击Site Settings

General -> Site details下点击Change site name,能够为这个站点设置一个自定义的名字,二级域名也会相应改变

若是你想绑定本身的域名,须要先在域名管理系统里新建解析,将域名CNAME指向到你的netlify二级域名,以阿里云为例以下

而后进入Netlify管理后台,Domain management -> Domains,点击Add domain alias,填入你的自定义域名

待域名解析生效后就会看到新绑定的域名变为绿色,而且设置为了主域名

最后为自定义域名开启HTTPS支持,Domain management -> HTTPS,点击Verify DNS configuration,域名验证经过则会自动申请证书

至此Netlify与Github绑定完成,能够经过自定义域名访问网站了,以后你每一次提交代码到Github,便会自动发布至Netlify,无需额外操做,很是方便

其余说明

若是你是主域名要绑定Netlify,且必须使用A记录的话,能够直接ping一下你的Netlify二级域名地址获得的IP即可以做为域名解析,例如个人域名是ops-coffee.netlify.com,ping以后获得的地址是157.230.35.153,能够多ping几回获得不一样的地址,都绑定到域名上以防止单节点故障

国内也有相似于Github pages这样的服务,例如Gitee和Coding提供的pages服务,在速度方面要有很多的优点,但稳定性欠佳,且可能会面临层层审查域名备案等问题

若是你的域名有备案,项目又是纯静态的话还能够考虑直接托管在国内的一些对象存储服务上,例如七牛云、腾讯云等,而后开启CDN加速,效果也不错,而且大多都有免费流量可使用

Github Pages和Netlify这种免费且可高度自定义的方案,在知足咱们个性化需求的同时,省去了维护成本和资金压力,可让站点活得更久,从而让咱们把重点放在持续不断的输出内容,造成良性循环,赶忙试试吧

扫码关注公众号查看更多实用文章

最后,若是对于个人博客实现方案感兴趣,这篇文章有介绍和源码:利用Django徒手写个静态页面生成工具,若是辛辛苦苦写的文章没什么人访问,或许这个能够帮你:Google搜索成最大入口,简单谈下我的博客的SEO

原文出处:https://www.cnblogs.com/37Y37/p/12551839.html

相关文章
相关标签/搜索