Host Static Site on Netlify

可能是后知后觉,但是越来越多人向我推荐过Netlify,说是比Github pages要好用,而我也一直是github pages的忠实用户,所以就决定试一试Netlify.

什么是Netlify

做了一下功课 Netlify 是一个新式的网站托管平台。在Netfliy的世界观中,网站只需要是一个静态网站,
而一些动态网站才能做的东西, 比如表单,评论,用户登陆,流量分析等,可以用各种managed services,甚至 serverless funtions来实现。
这其实也确实是如今网站发展的一个趋势。 记得很早在使用 GitHub Pages,我们就已经开始使用 Disqus 或者 Discourse 来取代评论功能了。
再比如现在很少有网站自己做支付了,很多都是使用已有的服务。当我们把这些动态功能一一剥离出去的时候,你也许就会发现,我们其实只需要一个静态网站。

从静态网站的源代码到一个运行的网站,中间还有很多步骤,而Netlify想帮你全部省掉

  • 静态网站的生产和构建,这是 contiuous deployment的概念
  • global CDN加速静态资源
  • 添加自定义域名,自动启用HTTPS
  • 动态功能: lambda 函数, 表单, 用户, 大体积媒体文件等

类似产品

Github pages

Github pages这个服务在Github中已经存在很久了而且相当克制,我觉得它对程序员非常友好,很适合做single page 产品/项目展示,文档网站,技术博客。但是它也有一些限制,比如 Github pages 在 hosting 上很薄弱,没有动态的功能, 持续部署需要依赖第三方。

Amazon Amplify

比Netlify更ambitious, 因为Amplify目标是网站和移动app。 而且由于一票AWS的服务在那里,包括Lambda,这样一个web程序不需要强调说从一个静态网站出发,而是真的能做到从any source code出发,分分钟给你build一个网站或者移动app出来。Amplify应该能轻易的提供更多动态功能,光是其网站上就罗列的就很多很多: 分析,API,鉴权,存储,Bot, PubSub,Notification, AR/VR, Cache, i18n, logger, service workder等等。
或许下一次我就会尝试一下Amplify。

部署网站到 Netlify

步骤非常简单

  1. 授权给Netlify让其可以接入对应的Github repo。
  2. 提供build的设置,因为我在用Hugo给校友会弄一个网站,所以就是Hugo的build设置
  3. Netlify会给你提供一个随机的二级域名,这个二级域名你还是可以自定义的。 当然你可以绑定自己的域名,只需要将域名的DNS设置一下,或者对应的record指向Netlify即可。

无需担忧更多,你的每一个commit都会触发新的build。

Reference