# vuepress集成全文搜索插件

vuepress集成全文搜索插件

# 安装依赖

vuepress-plugin-fulltext-search

 npm i vuepress-plugin-fulltext-search

vi docs/.vuepress/config.js

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

1
2
3
4

搜索效果如下, 展示效果和 algolia 相似

vuepress-plugin-fulltext-search

修改vuepress-plugin-fulltext-search源码components文件夹SearchBox.vue

@media (max-width: $MQMobile)
  .search-box
    margin-right 0
    input
      left 1rem
    .suggestions
      min-width 300px//加入
      right 0

1
2
3
4
5
6
7
8