你知道吗, 鲁迅 曾说过:“ 我没说过这句话! ” 令我醍醐灌顶,深受启发,浑身迸发出无可匹敌的 力量!于是,我在床上翻了个身 !
隐秘文本
约 753 字
概述
有时候,你不想直接把文本内容毫无保留的展示出来,想要保留一些隐秘性, 可能是为了引起读者的好奇心,也可能纯粹是故意增加点阅读障碍,让文章变得更加有趣。
为了满足这种小小的心思,主题提供了一个 “隐秘”文本 的有趣小功能。它看起来像这样:
读者不能直接阅读到完整的内容,部分的内容被 “遮住”,需要鼠标悬停到内容上,才能看到被遮住的内容。
配置
该功能默认启用,无需额外配置即可使用。
如需修改默认的触发方式或遮罩效果,可以通过 markdown.plot 传入选项:
.vuepress/config.ts
import { defineUserConfig } from 'vuepress'
import { plumeTheme } from 'vuepress-theme-plume'
export default defineUserConfig({
theme: plumeTheme({
markdown: {
// 修改默认的触发方式与遮罩效果
plot: {
trigger: 'click',
effect: 'blur',
},
},
}),
})markdown.plot 的类型为 boolean | PlotOptions:
- 传入
false:关闭!!...!!语法 - 传入对象:设置该语法的默认行为
- 将
plugins.markdownPower设为false:整体关闭 markdown-power 插件
interface PlotOptions {
/**
* 触发方式
*
* @default 'hover'
*/
trigger?: 'hover' | 'click'
/**
* 遮罩层效果
*
* @default 'mask'
*/
effect?: 'mask' | 'blur'
}语法
!!需要隐秘的内容!!还可以通过属性语法控制行为:
!!需要隐秘的内容!!{.click}
!!需要隐秘的内容!!{.hover}
!!需要隐秘的内容!!{.mask}
!!需要隐秘的内容!!{.blur}
!!需要隐秘的内容!!{.blur .click}.click- 点击触发.hover- 鼠标悬停触发.mask- 遮罩层效果.blur- 文本模糊效果
你也可以使用 <Plot /> 组件替代。
Frontmatter
在 Frontmatter 中使用 plot 选项来控制在当前页面中该功能的默认行为:
frontmatter
---
plot:
trigger: hover
effect: blur
---示例
输入:
你知道吗, !!鲁迅!! 曾说过:“ !!我没说过这句话!!! ” 令我醍醐灌顶,深受启发,浑身迸发出无可匹敌的
力量!于是,!!我在床上翻了个身!! !输出:
你知道吗, 鲁迅 曾说过:“ 我没说过这句话!” 令我醍醐灌顶,深受启发,浑身迸发出无可匹敌的 力量!于是,我在床上翻了个身 !
输入:
遮罩层效果 + 鼠标悬停:!!鼠标悬停看到我了!!{.mask .hover}
遮罩层效果 + 点击:!!点击看到我了!!{.mask .click}
文本模糊效果 + 鼠标悬停:!!鼠标悬停看到我了!!{.blur .hover}
文本模糊效果 + 点击:!!点击看到我了!!{.blur .click}输出:
遮罩层效果 + 鼠标悬停:鼠标悬停看到我了
遮罩层效果 + 点击:点击看到我了
文本模糊效果 + 鼠标悬停:鼠标悬停看到我了
文本模糊效果 + 点击:点击看到我了
贡献者
更新日志
2026/10/13 15:56
查看所有更新日志
e4dae-docs: improve docs (#1071)于60619-docs: improve docs (#1069)于1d04d-feat: add builtin auto-import-components (#932)于0daf2-docs: improve docs (#929)于9b9f8-style: lint fix于ce326-feat(plugin-md-power): renamedemo-wrappercontainer towindow(#858)于4d236-feat(theme)!: add collections support (#704)于9efa2-feat(plugin-md-power): improveplotbehavior (#620)于0fd6c-refactor(theme): improve types and flat config (#524)于c177f-docs: improve docs (#240)于
