用vuepress和宝塔创建带搜索功能的静态文档站

已经全部换到基于github的 hugo

vuepress 官网的文档很全了不在说明

我这里用 vuepress-theme-hope主题来搞

1
2
3
4
mkdir fish_doc
cd fish_doc

pnpm create vuepress-theme-hope@next docs

没有 pnpm的话先安装 pnpm

可以选择中文，然后有一个博客主题一个 docs主题，选择后者最后一部提示是否查看选 yes 打开 http://10.0.0.9:8080/

基本搜索功能 /docs/src/.vuepress/config.ts import { searchPlugin } from ‘@vuepress/plugin-search’

searchPlugin({ ‘/’: { placeholder: ‘搜索’, isSearchable: (page) => page.path !== ‘/’, }, }),

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
import { defineUserConfig } from "vuepress";
import theme from "./theme.js";
import { searchPlugin } from '@vuepress/plugin-search'

export default defineUserConfig({
  base: "/",

  title: "xxx",
   description: "just so so ..",
    port:"8902",
  theme,
   plugins: [
    searchPlugin({
      '/': {
          placeholder: '搜索',
          isSearchable: (page) => page.path !== '/',
        },
    }),
  ],

  shouldPrefetch: false,
});