一元网络论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 50|回复: 0

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

[复制链接]

3万

主题

3万

帖子

9万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
95305
发表于 2024-10-26 06:48:24 | 显示全部楼层 |阅读模式
在 `theme.ts` 中的插件添加以下代码,将 `appId`、`apiKey` 和 `indexName` 替换为你的值:
```typescript
    docsearch: {
      appId: '',
      apiKey: '',
      indexName: '',
      placeholder: '搜索文档',
      translations: {
        button: {
          buttonText: '搜索',
        },
      },
    },
```
构建完成后,搜索框可能为空。你需要进入 Algolia 后台([https://crawler.algolia.com/admin/crawlers/](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 功能将正常工作。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|一元网络论坛

GMT+8, 2024-11-24 21:48 , Processed in 0.074329 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表