全局搜索

提示

全局搜索需要通过安装vuepress-plugin-search-pro插件实现

安装搜索插件

安装插件： vuepress-plugin-search-pro

项目目录下运行终端，执行以下命令

npm add -D vuepress-plugin-search-pro

配置插件

在config.ts增加配置

import { searchProPlugin } from "vuepress-plugin-search-pro";

  //搜索插件设置
  plugins: [
    searchProPlugin({
      // 索引全部内容
      indexContent: true,
      // 为分类和标签添加索引
      customFields: [
        {
          getter: (page) => page.frontmatter.category,
          formatter: "分类：$content",
        },
        {
          getter: (page) => page.frontmatter.tag,
          formatter: "标签：$content",
        },
      ],
    }),
  ],

如图

安装完成即可生效