Skip to main content

使用Netlify进行静态网页托管

前言

image.png
我们常常需要将自己建的某个静态网站部署到服务器或者托管到某个平台上,这样就能够将其发布到互联网,允许大家通过特定的域名访问了。但是,静态网站使用服务器,往往比较浪费资源,成本也比较高,那么大家更倾向于将其托管到某个平台。这个非常类似与前一篇所讲的Github Pages,但是,Github Pages有一大痛点,就是太慢
如何简单快速又低成本的解决这个问题呢?答案是Netlify Yes


Netlify简介

Netlify是一家提供静态网站托管的综合平台,支持自动从Github等仓库拉取代码并构建成静态网站进行发布(也就是说,你的代码仍旧放在Github上,但是可以在Netlify发布!),同时也支持自定义域名,自动申请SSL证书等功能,更为重要的是自动启用CDN加速,国内访问速度要快很多

Github Pages和Netlify速度对比

image.png

注册Netlify

进入Netlify官网,点击右上角进行账户注册。
image.png

绑定仓库和构建

注册完毕后,可以从Github绑定一个待构建的仓库到Netlify。进入主页,选择Add new site,点击选择Import an existing project:
1656479925567.png 从Github中绑定仓库(绑定其他平台的仓库也可以)。
1656480044502.png
在下方选择一个想要使用的仓库:
image.png
选择需要构建的分支:
1656480224270.png
点击Deploy site。
image.png
构建成功!
image.png

自定义域名

点击“域设置”
1656480412189.png
选择编辑域名。
1656480458152.png
image.png
然后就能访问啦!速度嘎嘎快!
1656480574831.png
我稍微ping了一下,看看结果:
使用netlify加速:
image.png

费用信息

Netlify还提供付费服务,不过免费的服务应该够用了,我们看看免费额度是多少:
image.png
每个月100GB的带宽,300分钟的构建时长!


转载声明

本文中参考了运维咖啡吧的文章,来自稀土掘金,原文链接