如何在 Netlify 上免费托管一个超快速的网站

您是否正在考虑在 Netlify 上托管您的 Jamstack 站点,但仍不确定如何进行以及需要注意什么? 这是一个可以帮助您的快速指南。

果酱堆 网站超级快,因为它们提供静态文件。 它们总体上使用的 CPU 和服务器资源非常少,以至于 Netlify 等平台可以提供免费和优质的托管服务。

Netlify 是一个云计算环境。 但与 AWS 和 Google Cloud 等其他云平台不同,Netlify 简单易用。 没有复杂的教程,也没有冗长的设置。

Netlify 服务旨在通过将不同世界的精华整合到一项服务中,让您的生活尽可能轻松:云计算、Jamstack、Git 存储库和免费增值定价。

Netlify 和 Jamstack

Netlify 长期以来一直是 Jamstack 运动的一部分,并且是促进这种现代网页设计方法发展的最早和最好的平台之一。

Jamstack 运动结合了 JavaScript、API 和标记,创建了一种将自身与后端分开的前端开发方法。 这会带来更好的服务器性能、更好的安全性、更容易扩展和更便宜的运行成本。

例如,GitHub 最初为托管在其平台上的文件提供网络托管,但该服务有其局限性。 然后,Netlify 从存储库构建网站代码并将其静态变体的托管提升到了一个全新的水平。 这创造了一个具有许多好处的全新行业。

使用 Netlify 的原因

Netlify 意味着很多东西,因为它做了很多事情。 通过将许多功能组合到一个服务中并尽可能多地自动化,该平台为各种规模的企业提供了巨大的好处。

以下是您可以从 Netlify 获得的主要优势:

  • 易用性 – Netlify 是目前最容易使用的云托管平台之一。 无需阅读冗长且令人困惑的教程。 无需遵循复杂的设置步骤,甚至无需进行更复杂的维护程序。 Netlify 可以正常工作。

    除此之外,该系统还提供与其他云环境一样的弹性计算功能。 这保证了当时机成熟时,您的网站或服务将优雅地扩展以处理流量高峰,而不会出现通常的后端瓶颈。
  • 内容分发网络 – 作为其简单性和易用性的一部分,Netlify 服务包括一个名为 Netlify Edge 的内容分发网络。 它将您的网页部署到多个位置,以尽快将它们提供给附近的访问者。

    该服务的重要部分是您无需调整和配置任何设置即可获得最佳结果。 部署站点后,您会立即更新所有 Web 资产和代码。 所有缓存都会立即失效并在全球范围内更新。 您还可以轻松、即时地将您的网站回滚到以前的版本。

    Netlify 会自动为您管理其中的大部分内容。 唯一的区别在于您获得的服务和边缘位置的数量,因为免费计划有一些限制。
  • 免费计划 – Netlify 是一个免费增值的软件即服务平台。 但与其他云计算平台不同的是,免费帐户是完全免费的。 不需要信用卡。

    尽管如此,这个免费计划仍然包含许多令人印象深刻的功能。 例如自动化 Git 构建、边缘网络部署、即时回滚到以前的版本、部署前的实时预览以及免费的无服务器功能。
  • 自动构建 – 您还可以免费获得 Netlify Build。 此 CI/CD(持续集成/持续部署)可以轻松管理您的站点开发和增强功能。 每次您将新更新推送到您的 Git 帐户时,它都会自动从您的存储库重新构建。

    一切都是完全自动化的,并且可以预览让您知道您将部署什么。 您还可以配置流程的每个步骤,并且轻松回滚到任何以前的构建。
  • Netlify 函数 – 您在 Netlify 平台上部署的每个站点都可以访问可用于很多事情的无服务器功能。 这些 Netlify 函数是在 JavaScript 代码上运行的服务器端进程。

    每个站点免费获得 125K 调用,您只需在超过该配额时付费。 您可以使用这些函数来处理图像、发送电子邮件、验证用户输入,甚至从其他 API 端点获取数据。
  • 自动表格 – Netlify 可以轻松地将表单集成到您的静态站点并捕获所有提交,而无需大量编码或其他压力问题。 只需将“netlify”属性添加到您的任何表单中,例如… 就是这样。

    然后,您可以在仪表板中查看所有提交,表格按名称仔细排列。 该系统带有反垃圾邮件功能,一旦提交,Netlify 可以通过电子邮件、Slack 或 webhook 进一步通知您。

    其他选项包括使用 Netlify 的 Zapier 集成将提交的表单转发给 1,000 多个应用程序。
  • NetlifyCMS – NetlifyCMS 应用程序是通过 GitHub 等 Git 提供商托管在 Netlify 平台上的任何静态站点的便捷编辑器。 它从存储库中获取您的所有数据,并创建一个易于使用的管理界面。

    NetlifyCMS 是一个由 100 多名贡献者组成的社区构建的单页 React 应用程序。 它易于编辑,提供直观的工作流程,完全免费,并且让 Jamstack 站点的管理变得有趣。
  • 免费 HTTPS – 所有 Netlify 托管帐户都包含免费的 HTTPS。 那是免费的 SSL(安全套接层)证书。

账户和定价

Netlify 是一项免费增值软件服务。 有一个完全免费的 Starter 计划,一个 Pro 计划,每位会员每月 19 美元,一个 Business 计划,每位会员每月 99 美元,以及一个具有自定义定价的 Enterprise 计划。

Netlify 令人印象深刻的是,您可以使用其免费的 Starter 计划完成很多工作。 Starter 计划专为个人项目、实验、爱好网站和其他冒险而设计,包括每月 300 分钟免费构建的自动化构建。

它还包括全球边缘部署、即时回滚、NetlifyCMS、无服务器功能、每月 100 GB 带宽以及每个站点每月最多 100 个免费表单提交。 此外,您可以在 Starter 计划中托管无限数量的网站。

Pro 计划增加了更多功能,例如受密码保护的站点、后台功能、更多构建时间和带宽等等。 随着您向更高的计划迈进,这些附加功能会增加。

如何在 Netlify 上免费托管网站

Netlify 在简单性方面击败了 AWS、Google Cloud 和 Azure 等其他云计算和托管公司。 是的,他们在全球拥有更多的基础设施、更强大的机器和数据中心,但他们的设置可能很无聊。

这是一个分步设置过程,向您展示在 Netlify 上托管 Jamstack 站点是多么容易。

1.注册和登录

Netlify login

您的第一步是导航到 app.netlify.com 如果还没有,请注册。 您将看到五种不同的登录方式,从 GitHub上GitLab, 到位桶、电子邮件和 SSO.

注册后,您还需要登录您的电子邮件帐户才能找到来自 Netlify 的确认邮件。 单击它以验证您的帐户并登录系统。

2. 添加新站点

该应用程序需要几秒钟才能加载。 然后,您会收到一份简短的调查问卷,其中包括您的团队名称等内容。 只是诚实地填写所有内容。 但请记住,免费计划仅包括一名成员——您。

完成该阶段后,您将在默认仪表板中找到自己。 单击“来自 Git 的新站点”以托管一个新站点。 或者您也可以将包含静态文件的文件夹拖放到破折号上的标记区域,Netlify 将完成剩下的工作。

单击上面第 2 步中的按钮将打开一个新窗口,提示您将新站点与 GitHub 或任何其他 Git 存储库(如 GitLab 和 Bitbucket)链接。 此时,请确保您已注册 Git 帐户并且您的站点文件已在存储库中。

4. 授权 Netlify

现在您只需要告诉 GitHub 允许 Netlify 访问您的 GitHub 帐户,一切就都解决了。

5. 选择您的存储库

每个标准 Netlify 站点都链接到一个存储库。 选择您要使用的并继续前进。

6.配置构建设置

你需要注意这个页面。 如果您已经有静态站点并且没有使用任何预处理器,那么您可以将发布目录设置为“/”。 并将构建命令字段留空。

另一方面,如果您使用的是 Gatsby 或 Next 等静态站点生成器,那么您在此处输入的内容将取决于生成器。 您可以查看此列表 常见配置,知道要输入什么。

7. 构建和部署

设置好所有内容后,单击“部署站点”,Netlify 将运行所有必要的构建并创建您闪亮的新网站。 只要有一点耐心。

8.设置域名

在构建和部署您的站点后,Netlify 将在 *.netlify.app 域上为其命名。 您可以稍后将此名称更改为更好的名称,甚至可以将自定义域附加到站点。

Netlify 允许您附加您在其他地方购买的自定义域或通过您的 Netlify 仪表板购买域。 系统会处理一切。 只需单击仪表板中的“域”选项卡即可为您的新站点添加或注册新域。

Netlify 3

结论

我们已经到了这个关于在 Netlify 平台上免费托管超快网站的简单指南的结尾。 你已经看到了这样做的原因和方法。

现在,您可以手动编写静态站点代码或使用静态站点生成器。

Nnamdi Okeke

纳姆迪·奥克克

Nnamdi Okeke 是一位喜欢阅读各种书籍的计算机爱好者。 他偏爱 Linux 而不是 Windows/Mac,并且一直在使用
Ubuntu 从早期开始。 你可以在推特上通过 邦戈特拉克斯

文章:278

接收技术人员的东西

每月一次或两次技术趋势、创业趋势、评论、在线收入、网络工具和营销

发表评论

您的电邮地址不会被公开。 必填带 *