使用 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]