使用 Netlify 持续集成你的静态网站

使用 Netlify 持续集成你的静态网站

Netlify 是一个专注于静态网站和 Web 应用的持续集成与持续部署的统一平台。通过 Netlify，用户可以轻松地为静态网站项目引入持续集成功能，并允许其他成员对静态网站进行 UI 层面的 review。以下是如何使用 Netlify 对静态网站进行持续集成的详细步骤：

一、Netlify 简介

Netlify 是一个自动化代码以创建高性能、易于维护的网站和 Web 应用的平台。与其他持续集成工具相比，Netlify 更加关注前端或网站/Web 应用的持续集成与持续部署。

二、需求背景

以东岳团队博客为例，该博客是一个使用纸小墨构建的静态博客网站，托管在 GitHub 上。由于博客采取投稿制，每个项目成员都可以投稿，因此投稿的审核是一个重要需求。之前，投稿的审核只能在 Pull Request 中查看文本文件的变动，而无法直接看到变动后的博客页面。这导致审核周期延长，因为文章需要在合并后才能看到效果，再次修改需要提交新的 Pull Request。因此，需要一个工具来帮助为每个 Pull Request 构建静态网站，并允许所有成员访问。

三、使用 Netlify 进行静态网站持续集成

1. 为 repository 启用 Netlify

   首先，需要在 Netlify 中为 GitHub repository 启用 Netlify。这一环节最主要的是让 Netlify 在 GitHub 中建立 web hook，以便它可以监听到整个 repository 的事件。这是自动的，用户无需手动操作。

2. 设置构建命令和发布目录

   随后，Netlify 会要求用户设置构建的命令以及发布的目录。对于已经编译好并放置在特定目录（如 docs/）下的静态博客，不需要 Netlify 进行构建，只需设置发布目录即可。如果项目只是有源文件而没有提交构建后的静态网站，可以利用 Netlify 的构建功能进行远端的构建。Netlify 默认支持 Jekyll 等静态博客生成工具的命令，因此可以满足绝大多数的应用场景。

   

3. 利用 Netlify 进行持续集成

   配置结束后，就可以利用 Netlify 来进行持续集成了。每当一个新的 Pull Request 被创建时，Netlify 会为这个请求运行一个构建任务，最终生成一个预览。通过特定的 URL 可以访问到基于这一 Pull Request 的构建结果。URL 是可以自定义的，不同 Pull Request 会有不同的 URL。

   

   如此以来，就可以利用 Netlify 的预览功能来对 Pull Request 进行内容和格式的审核了。Netlify 本身还有更多的功能，如 Split Testing（目前支持两个 branch 之间的 Split Testing，但还处于 beta 阶段）等。

四、Netlify 的优势

1. 简单易用：与其他持续集成工具相比，Netlify 的设置过程非常简单，用户甚至不需要在 repository 里放置配置文件，直接通过网页操作就可以搭建起对一个 repository 的持续集成。

2. 专注于前端：Netlify 更加关注前端或网站/Web 应用的持续集成与持续部署，这是它与其他持续集成工具最大的区别。

3. 预览功能：Netlify 可以为每个 Pull Request 生成一个预览，通过 URL 可以访问到基于这一 Pull Request 的构建结果，从而方便对 Pull Request 进行内容和格式的审核。

五、附录

目前已知的使用 Netlify 服务的网站有统计之都、东岳团队博客、Processing.R 网站、headlesscms.org 等。这些网站都通过 Netlify 实现了静态网站的持续集成与持续部署，提高了开发效率和网站质量。

综上所述，Netlify 是一个强大且易用的静态网站持续集成与持续部署工具。通过它，用户可以轻松地为静态网站项目引入持续集成功能，并享受其带来的诸多优势。