admin 发表于 2024-10-26 06:48:24

使用 VuePress 集成 Algolia 搜索遇到的问题

在 `theme.ts` 中的插件添加以下代码,将 `appId`、`apiKey` 和 `indexName` 替换为你的值:
```typescript
    docsearch: {
      appId: '',
      apiKey: '',
      indexName: '',
      placeholder: '搜索文档',
      translations: {
      button: {
          buttonText: '搜索',
      },
      },
    },
```
构建完成后,搜索框可能为空。你需要进入 Algolia 后台((https://crawler.algolia.com/admin/crawlers/))并找到对应 `indexName` 的索引。
在索引的 `Editor` 页面,将 `pathsToMatch` 替换为你的博客域名,并将 `recordProps` 替换为以下内容:
```typescript
          recordProps: {
            lvl1: "h1",
            content: "p, li",
            lvl0: {
            selectors: "p.sidebar-heading.open",
            defaultValue: "Documentation",
            },
            lvl2: "h2",
            lvl3: "h3",
            lvl4: "h4",
            lvl5: "h5",
            tags: {
            defaultValue: ["v1"],
            },
          },
```
完成以上步骤后,你的 DocSearch 功能将正常工作。
页: [1]
查看完整版本: 使用 VuePress 集成 Algolia 搜索遇到的问题