如果只是个人的静态博客或者纯前端应用，比如hexo的静态博客，或者前端框架的网站，可以无服务器的方式进行搭建，本文通过Github+cloudflare的方式进行无服务器搭建网站

准备

一个github账号

一个cloudflare账号

搭建

cloudflare：https://dash.cloudflare.com/

  • cloudflare选择Workers 和 Pages，选择创建应用程序pages；
  • 连接git，选择github，添加github账户；
  • 选择仓库（可以是公有或者私有的）
  • 开始设置，这里cloudflare给我们提供了构建的过程，也就是如果是vue项目，上传源代码目录到github上，cloudflare也可以通过构建命令，构建出静态资源

  • 最后就是保存部署，自定义域名需要把域名的DNS服务商改到cloudflare托管，然后就可以使用cloudflare解析并自定义域名了。

总结

这种方式适合中小型、访问量小的前端网站，，因为cloudflare有每日的免费10W次的请求次数。cloudflare这里起到一个加速作用，对于前端框架也可以构建。

优点：

  • 部署简单，免费；
  • 前期可以省去服务器开销，让应用快速上线

缺点：

  • 有限额，不适用访问量大的网站