博客优化之开启 Algolia 全文搜索 ​

1. Algolia ​

Algolia 是一个数据库实时搜索服务，能够提供毫秒级的数据库搜索服务，并且其服务能以 API 的形式方便地布局到网页、客户端、APP 等多种场景。

像 VuePress 官方文档就是使用的 Algolia 搜索，使用 Algolia 搜索最大的好处就是方便，它会自动爬取网站的页面内容并构建索引，你只用申请一个 Algolia 服务，在网站上添加一些代码，就像添加统计代码一样，然后就可以实现一个全文搜索功能：

2. 申请 ​

• 搜索服务申请地址：docsearch.algolia.com/apply/

• 打开后填写地址、邮箱和仓库地址等信息，这里注意，网站需要是公开可访问的：

• 填写完后，等待一段时间（我等了三天），如果申请通过，我们就会收到邮件：

• 申请成功后,记得保存这三个后续有用到!!!

3. 默认主题 ​

如果你用的是 VitePress VitePress 直接提供了themeConfig.algolia选项来用 Algolia 搜索替换内置的搜索框：

import { defineConfig } from 'vitepress'

export default defineConfig({
  themeConfig: {
    search: {
      provider: 'algolia',
      options: {
        // 输入刚才保存的值
        appId: '...',
        apiKey: '...',
        indexName: '...'
      }
    }
  }
})

4. 如果没有数据,可以去后台重新手动爬取数据 ​

后台