Skip to content

LV001-复制提示

Ctrl+C 复制提示

主题提供 复制提示 功能,当复制文本时,会在顶部添加一些提示语,在 .vitepress/theme/index.ts 中引入并使用:

ts
// .vitepress/theme/index.ts
// https://vitepress.dev/guide/custom-theme
import type { Theme } from "vitepress";

import Mist, { useCopyBanner } from "vitepress-theme-mist";

import MistLayoutProvider from "./components/MistLayoutProvider.vue";

import "./style.css";
import "./styles/index.scss"; // 自定义样式

import "vitepress-theme-mist/theme-chalk/index.css"; // 主题样式

export default {
  extends: Mist,
  Layout: MistLayoutProvider,
  enhanceApp({ app, router, siteData }) {
    // ...
  },
  setup: () => {
    // 使用复制提示功能(默认配置)
    useCopyBanner();

    /**
     * 配置方式,可自定义提示语
     *
     * 1. 提示语。默认:复制成功,复制和转载请标注本文地址
     * 2. 显示的持续时间(毫秒),默认 3000
     */
    // useCopyBanner("复制成功", 4000);
  },
} satisfies Theme;

Last updated: