使用Cloudflare托管Hugo网站

Cloudflare

#

网站搭建好了，但是现在只用本地访问，要想我们的网站可以在互联网上被所有人访问，就需要把我们的网站部署到服务器上。可以提供部署的服务商有很多，这里以cloudflare为例，cloudflare是一个全球的CDN服务，它可以为我们的网站提供加速服务，同时也可以为我们的网站提供安全服务，比如SSL证书、DDOS防御等。最重要的是，cloudflare提供了免费的10GB空间，我们可以绑定我们自己的域名，这样我们的网站就可以通过我们的域名访问了。

使用Pages部署网站

#

接下来我们就看一下如何使用Cloudflare Pages + GitHub 实现部署自动化发布网站。

1. 首先，你需要在cloudflare上注册一个账号
2. 注册成功后，选择workers选项，点击workers and pages选项，选择pages，选择导入现有的git存储库，点击开始使用

   

   如果你是第一次使用，此时会跳转到如下页面：

   

   这里我们选择github，点击后会跳转到链接页面如下图：

   

   在这里选择only select repositories，然后选择你的仓库，点击Install&Authorize，然后会跳转到第二步的页面，按照第二步的操作选择github，点击开始使用，页面回到转的网站初始化的流程页面，如下：

   

   在这里只需要选择刚才链接过来的仓库，点击开始设置，页面会跳转到如下页面：

   

   这里框架预设选择Hugo，构建命令填写hugo，其他保持默认即可，点击保存并部署，此时Cloudflare就会开始构建网站了，你可以在页面中看到构建的过程：

   

   构建完成后你会看到下面的页面：

   

   此时我们点击上面的链接，就可以访问我们的网站了。 点击继续处理项目将会跳转到workers and pages页面，也就是我们pages的管理页面，在这里你可以看到已经创建的所有项目。

自定义域名

#

在cloudflare上我们可以绑定自己的域名，让自己的网站更有辨识度。 接下来我们就看一下如何绑定自己的域名。

1. 添加域

#

首先，我们需要在cloudflare上添加自己的域名。在左侧的导航栏中选中账户主页，在账户主页选择域，在方框处输入自己的域名，点击继续。

此时会跳转到如下页面，我们选择免费计划

此时cloudflare会自动检测域名的解析情况，成功后会跳转到如下页面：

这里我们直接点击继续前往激活即可，等待一段时间后你会看到下面的页面：

此时cloudflare已经为我们提供了两个名称服务器，将这两个名称服务器复制保存，接下来我们需要去我们的域名服务商处添加这两个名称服务器。

2. 添加名称服务器

#

我的域名是在阿里云的域名服务上注册的，所以这里以阿里云为例，其他域名服务商的操作可能会有所不同。 首先登录到阿里云的域名控制台，选择域名列表，选择你要添加名称服务器的域名，点击管理

进入到域名管理页面之后，选择DNS修改，点击修改DSN服务器

将Cloudflare提供的两个名称服务器分别复制到两个输入框内，点击保存

此时可能会要求输入验证码，按要求输入即可。 到此，我们的域名解析就添加成功了，回到cloudflare的页面，点击继续，会调转到域列表页面，就能看到我们刚刚添加的域名了。

网站添加自定义域

#

域名添加成功后，我们就可以将我们的网站添加到我们的域名上了。 我们回到cloudflare的workers 和 Pages页面，点击我们的网站：

进入到网站的管理页面后，选择自定义域，点击设置自定义域

输入我们刚才添加的域名,这里可以使用主域名也可以使用子域名，然后点击继续

此时cloudflare会为我们提供一个CNAME记录，直接点击激活域

此时离激活时间可能会有延迟，请耐心等待

等待一段时间后，你会看到如下页面：

恭喜你，你的网站已经成功添加到你的域名上了。 从现在开始，你就可以使用自己的域名访问你的网站了。

自动更新

#

我们每次修改完网站后，只需要提交到github仓库，cloudflare就会自动更新网站。