19、为 Gatsby 网站添加数据驱动功能

为 Gatsby 网站添加数据驱动功能

1. 添加站点搜索

1.1 配置 Algolia 插件

当运行 gatsby build 时，Gatsby 页面会被索引。可以使用 GraphQL 查询来指示 Algolia 跟踪的内容，从而自定义要索引的 Gatsby 页面和信息。Algolia 为 Gatsby 和其他开发者提供了名为 DocSearch 的产品，用于在文档站点上实现搜索功能，避免了通过网页抓取进行手动索引的麻烦。

以下是配置 gatsby-plugin-algolia 的具体步骤：
1. 创建一个新的 Gatsby 博客项目：

$ gatsby new gtdg-ch8-algolia gatsbyjs/gatsby-starter-blog
$ cd gtdg-ch8-algolia

2. 安装 Algolia 插件：
   • 使用 NPM：

$ npm install --save gatsby-plugin-algolia

- 使用 Yarn：

$ yarn add gatsby-plugin-algolia