# vuepress支持全文搜索

本文讲述 vuepress 静态网站如何支持全文搜索。

# 通过插件 vuepress-plugin-fulltext-search 实现全文搜索

  1. 安装依赖 vuepress-plugin-fulltext-search    yarn add -D vuepress-plugin-fulltext-search

  2. 修改配置 vi docs/.vuepress/config.js

        module.exports = {
            // ...
            plugins: ['fulltext-search'],
        }
    

提示 安装了该依赖后, 后面再用 yarn 安装其它依赖会报错,为避免影响其它插件正常使用,我最后决定从系统中移除了该插件

不足

  1. 没有提供额外的调整参数, 如最大搜索结果数量等
  2. 关键词不高亮显示

# 通过插件 vuepress-plugin-flexsearch 实现全文搜索

  1. 安装依赖 yarn add -D vuepress-plugin-flexsearch

  2. 修改配置 vi docs/.vuepress/config.js

        module.exports = {
            plugins: [
                ['flexsearch'],
                // other plugins
            ]
        }
    

优点 1.提供了更多的配置项 2.搜索结果高亮显示

不足 但是按官方文档没有配置好对中文分词的支持,待日后完善。

# 集成第三方免费搜索服务 algolia

省略