vitepress 添加搜索功能博客模板

最新推荐文章于 2024-08-20 09:46:10 发布

请叫我derlin

最新推荐文章于 2024-08-20 09:46:10 发布

阅读量1.7k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_42033430/article/details/129090603

版权

文章介绍了如何在Vitepress中添加搜索功能，使用vitepress-plugin-search插件，避免了需要联网注册的复杂过程。作者遇到配置不生效的问题，通过创建自定义搜索组件并将其置于全局滑块中解决，且通过Ctrl+K快捷键触发搜索框，保持搜索功能的隐蔽性。

摘要由CSDN通过智能技术生成

vitepress 添加搜索功能

记录一下 vitepress 添加搜索功能过程中踩的坑, 踩过, 但感觉没有实际意义, 分享出来后来人可以避坑.

主要思路: 使用的 vitepress-plugin-search, 没有使用另外一个, 貌似要联网还要注册杂七杂八感觉麻烦.

vite.config.js 文件这么配置, vite.config.js 要和文档放在一块, 要是文档都在 docs 中, 就要吧 vite.config.js 放到 docs 里面, 具体多试试嘛, 以实际情况为准.

//vite.config.js
import { SearchPlugin } from "vitepress-plugin-search";
import { defineConfig } from "vite";

export default defineConfig({
  base: "./",
  server: {
    port: 3000,
    hmr: false,
    disableHostCheck: true,
  },
  plugins: [
    SearchPlugin({
      encode: false,
      tokenize: "full", // 解决汉字不能多个输入
    }),
  ],
});