用Netlify部署

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

1.导入Github项目

打开Netlify官网 (opens new window)，选择关联Github账号。

点击绿色按钮授权。

接下来要完善信息，可以随意填写，也可以跳过。

完成后要导入项目。点击Import from Git。

选择Github。

然后会进入Github的认证授权页面，点击Authorize Netlify by Netlify

点击Only select repositories，点击Select repositories，选择你的vuepress博客所在仓库。然后拉到最后点击install。

授权完成回到Netlify。选择刚刚授权的Github仓库。

选择部署的分支，这里选择gh-pages。然后点击Deploy site。

2.设置域名

部署需要等待10分钟左右。这时可以修改一下域名。点击Site setting，左边的Site details，选择change site name，然后输入你想自定义的前缀，点击save。

如果你没有域名，刚刚设置好的前缀就可以直接访问了。访问地址在左上，可以直接点开。

如果你已经购买了域名，先点击Domain management，复制左上那个地址，然后到域名解析的网站添加一条记录：

• 主机记录：你希望用来访问的前缀
• 记录类型：CNAME
• 记录值：上一步生成的netlify的访问地址。

回到Netlify，选择左边的Domian management，点击Add custom domian。

输入要绑定的域名，点击Verify。

等待解析完成后，可以看到绑定的域名变成绿色并被设置成主域名。以后就能用这个域名访问了。

至此，Netlify与Github绑定完成，可以通过自定义域名访问网站了，之后你每一次提交代码到Github，都会自动发布至Netlify并更新网页，无需额外操作，非常方便。

3.其他说明

如果你是主域名要绑定Netlify，且必须使用A记录的话，可以直接ping一下你的Netlify二级域名地址得到的IP便可以作为域名解析，例如我的域名是frankdawn.netlify.com，ping之后得到的地址是76.223.126.88，可以多ping几次得到不同的地址，都绑定到域名上以防止单节点故障。

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

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

Github Pages和Netlify这种免费且可高度自定义的方案，在满足我们个性化需求的同时，省去了维护成本和资金压力，从而让我们把重点放在持续不断的输出内容，形成良性循环，赶紧试试吧。