Nprogress

Nprogress plugin for Vitepress.

https://www.npmjs.com/package/vitepress-plugin-nprogress
https://github.com/ZhongxuYang/vitepress-plugin-nprogress

安装

npm

npm install -D vitepress-plugin-nprogress

yarn

yarn add -D vitepress-plugin-nprogress

pnpm

pnpm add -D vitepress-plugin-nprogress

bun

bun add -D vitepress-plugin-nprogress

配置

Theme Config

// .vitepress/theme/index.ts
import type { Theme } from 'vitepress';
import DefaultTheme from 'vitepress/theme';

import vitepressNprogress from 'vitepress-plugin-nprogress'; 
import 'vitepress-plugin-nprogress/lib/css/index.css'; 

export default {
  extends: DefaultTheme,
  Layout: () => {
    return h(DefaultTheme.Layout, null, {

    });
  },
  enhanceApp({ app, router, siteData }) {
    const ctx = { app, router, siteData }; 
    vitepressNprogress(ctx); 
  },
} satisfies Theme;

使用

页面顶部进度条。