概述

使用 <Plot> 组件显示 “隐秘”文本 ，能够更灵活的控制行为。

该组件默认不启用，你需要在 theme 配置中启用。

.vuepress/config.ts

export default defineUserConfig({
  theme: plumeTheme({
    plugins: {
      markdownPower: {
        plot: true,
      },
    }
  })
})

Props

名称	类型	默认值	说明
trigger	'hover' | 'click'	'hover'	鼠标悬停触发，或者点击触发
mask	string | { light: string, dark: string }	#000	遮罩颜色
color	string | { light: string, dark: string }	#fff	文本颜色

示例

输入：

- 鼠标悬停 - <Plot>悬停时可见</Plot>
- 点击 - <Plot trigger="click">点击时可见</Plot>

输出：

• 鼠标悬停 - 悬停时可见
• 点击 - 点击时可见