import{$ as e,B as t,P as n,_ as r,f as i,g as a,h as o,l as s}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{t as c}from"./plugin-vue_export-helper-CxTVcLa7.js";var l=JSON.parse(`{"path":"/guide/markdown/plot/","title":"隐秘文本 | 指南","lang":"zh-CN","frontmatter":{"title":"隐秘文本","createTime":"2024/09/30 14:45:35","icon":"weui:eyes-off-outlined","permalink":"/guide/markdown/plot/","description":"概述有时候，你不想直接把文本内容毫无保留的展示出来，想要保留一些隐秘性，可能是为了引起读者的好奇心，也可能纯粹是故意增加点阅读障碍，让文章变得更加有趣。为了满足这种小小的心思，主题提供了一个 “隐秘”文本的有趣小功能。它看起来像这样：你知道吗，曾说过：“ ” 令我醍醐灌顶，深受启发，浑身迸发出无可匹敌的力量！于是，！读者不能直接阅读...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"隐秘文本\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2026-03-05T07:34:11.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/guide/markdown/plot/"}],["meta",{"property":"og:site_name","content":"Plume 主题"}],["meta",{"property":"og:title","content":"隐秘文本"}],["meta",{"property":"og:description","content":"概述有时候，你不想直接把文本内容毫无保留的展示出来，想要保留一些隐秘性，可能是为了引起读者的好奇心，也可能纯粹是故意增加点阅读障碍，让文章变得更加有趣。为了满足这种小小的心思，主题提供了一个 “隐秘”文本的有趣小功能。它看起来像这样：你知道吗，曾说过：“ ” 令我醍醐灌顶，深受启发，浑身迸发出无可匹敌的力量！于是，！读者不能直接阅读..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"zh-CN"}],["meta",{"property":"og:locale:alternate","content":"en-US"}],["meta",{"property":"og:updated_time","content":"2026-03-05T07:34:11.000Z"}],["meta",{"property":"article:modified_time","content":"2026-03-05T07:34:11.000Z"}],["link",{"rel":"alternate","hreflang":"en-us","href":"https://theme-plume.vuejs.press/en/guide/markdown/plot/"}]]},"readingTime":{"minutes":2.27,"words":682},"git":{"createdTime":1727717214000,"updatedTime":1772696051000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":6,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"9b9f8f3f77f8ec801e99e9aad8555bab2244dc63","time":1772696051000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"style: lint fix"},{"hash":"ce32605aeee40ca873962e21ff8012f320001523","time":1772027319000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): rename demo-wrapper container to window (#858)"},{"hash":"4d2361a7046214fe0f4e4af01831107fd00e38ad","time":1759849989000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme)!: add collections support (#704)"},{"hash":"9efa2c1a801d37ef079bfda0b716374d77d664ea","time":1750263142000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): improve plot behavior (#620)"},{"hash":"0fd6cac57412002f4d72dc10378789b529adc357","time":1742063370000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"refactor(theme): improve types and flat config (#524)"},{"hash":"c177fd6917e42218f71845b91dbc397972334405","time":1727717214000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: improve docs (#240)"}]},"autoDesc":true,"filePathRelative":"guide/markdown/plot.md","headers":[],"bulletin":false}`),u={name:`plot.md`},d={class:`window-wrapper`},f={class:`window-content`,style:{"--window-gap":`20px`}},p={class:`code-block-title`,"data-title":`.vuepress/config.ts`},m={class:`code-block-title-bar`},h={class:`title`},g={class:`hint-container info`},_={class:`hint-container-title`},v={class:`window-wrapper`},y={class:`window-content`,style:{"--window-gap":`20px`}},b={class:`window-wrapper`},x={class:`window-content`,style:{"--window-gap":`20px`}};function S(c,l,u,S,C,w){let T=t(`Plot`,!0),E=t(`VPIcon`),D=t(`VPLink`);return n(),i(`div`,null,[l[30]||=s(`h2`,{id:`概述`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#概述`},[s(`span`,null,`概述`)])],-1),l[31]||=s(`p`,null,`有时候，你不想直接把文本内容毫无保留的展示出来，想要保留一些隐秘性，可能是为了引起读者的好奇心，也可能纯粹是故意增加点阅读障碍，让文章变得更加有趣。`,-1),l[32]||=s(`p`,null,[a(`为了满足这种小小的心思，主题提供了一个 `),s(`strong`,null,`“隐秘”文本`),a(` 的有趣小功能。它看起来像这样：`)],-1),s(`article`,d,[l[7]||=o(`

`,1),s(`section`,f,[s(`p`,null,[l[3]||=a(`你知道吗， `,-1),r(T,null,{default:e(()=>[...l[0]||=[a(`鲁迅`,-1)]]),_:1}),l[4]||=a(` 曾说过：“ `,-1),r(T,null,{default:e(()=>[...l[1]||=[a(`我没说过这句话！`,-1)]]),_:1}),l[5]||=a(` ” 令我醍醐灌顶，深受启发，浑身迸发出无可匹敌的力量！于是，`,-1),r(T,null,{default:e(()=>[...l[2]||=[a(`我在床上翻了个身`,-1)]]),_:1}),l[6]||=a(` ！`,-1)])])]),l[33]||=s(`p`,null,`读者不能直接阅读到完整的内容，部分的内容被 “遮住”，需要鼠标悬停到内容上，才能看到被遮住的内容。`,-1),l[34]||=s(`h2`,{id:`配置`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#配置`},[s(`span`,null,`配置`)])],-1),l[35]||=s(`p`,null,[a(`该功能默认不启用，你需要在 `),s(`code`,null,`theme`),a(` 配置中启用。`)],-1),s(`div`,p,[s(`div`,m,[s(`span`,h,[r(E,{provider:`iconify`,name:`vscode-icons:file-type-typescript`}),l[8]||=a(`.vuepress/config.ts`,-1)])]),l[9]||=o(`

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

`,1)]),l[36]||=o(`

markdownPower.plot 支持传入 boolean | PlotOptions 类型，该配置用于控制该功能的默认行为。

interface PlotOptions {
  /**
   * 触发方式
   *
   * @default 'hover'
   */
  trigger?: 'hover' | 'click'

  /**
   * 遮罩层效果
   *
   * @default 'mask'
   */
  effect?: 'mask' | 'blur'
}

语法

!!需要隐秘的内容!!

还可以通过属性语法控制行为：

!!需要隐秘的内容!!{.click}
!!需要隐秘的内容!!{.hover}

!!需要隐秘的内容!!{.mask}
!!需要隐秘的内容!!{.blur}

!!需要隐秘的内容!!{.blur .click}

.click - 点击触发
.hover - 鼠标悬停触发
.mask - 遮罩层效果
.blur - 文本模糊效果

`,7),s(`div`,g,[s(`p`,_,[l[11]||=a(`你也可以使用 `,-1),r(D,{href:`../components/plot.md`},{default:e(()=>[...l[10]||=[s(`code`,null,``,-1)]]),_:1}),l[12]||=a(` 组件替代。`,-1)])]),l[37]||=o(`

Frontmatter

在 Frontmatter 中使用 plot 选项来控制在当前页面中该功能的默认行为：

---
plot:
  trigger: hover
  effect: blur
---

示例

输入：

你知道吗， !!鲁迅!! 曾说过：“ !!我没说过这句话！!! ” 令我醍醐灌顶，深受启发，浑身迸发出无可匹敌的
力量！于是，!!我在床上翻了个身!! ！

输出：

`,7),s(`article`,v,[l[20]||=o(`

`,1),s(`section`,y,[s(`p`,null,[l[16]||=a(`你知道吗， `,-1),r(T,null,{default:e(()=>[...l[13]||=[a(`鲁迅`,-1)]]),_:1}),l[17]||=a(` 曾说过：“ `,-1),r(T,null,{default:e(()=>[...l[14]||=[a(`我没说过这句话！`,-1)]]),_:1}),l[18]||=a(`” 令我醍醐灌顶，深受启发，浑身迸发出无可匹敌的力量！于是，`,-1),r(T,null,{default:e(()=>[...l[15]||=[a(`我在床上翻了个身`,-1)]]),_:1}),l[19]||=a(` ！`,-1)])])]),l[38]||=o(`

输入：

遮罩层效果 + 鼠标悬停：!!鼠标悬停看到我了!!{.mask .hover}
遮罩层效果 + 点击：!!点击看到我了!!{.mask .click}
文本模糊效果 + 鼠标悬停：!!鼠标悬停看到我了!!{.blur .hover}
文本模糊效果 + 点击：!!点击看到我了!!{.blur .click}

输出：

`,3),s(`article`,b,[l[29]||=o(`

`,1),s(`section`,x,[s(`p`,null,[l[22]||=a(`遮罩层效果 + 鼠标悬停：`,-1),r(T,{class:`mask hover`},{default:e(()=>[...l[21]||=[a(`鼠标悬停看到我了`,-1)]]),_:1})]),s(`p`,null,[l[24]||=a(`遮罩层效果 + 点击：`,-1),r(T,{class:`mask click`},{default:e(()=>[...l[23]||=[a(`点击看到我了`,-1)]]),_:1})]),s(`p`,null,[l[26]||=a(`文本模糊效果 + 鼠标悬停：`,-1),r(T,{class:`blur hover`},{default:e(()=>[...l[25]||=[a(`鼠标悬停看到我了`,-1)]]),_:1})]),s(`p`,null,[l[28]||=a(`文本模糊效果 + 点击：`,-1),r(T,{class:`blur click`},{default:e(()=>[...l[27]||=[a(`点击看到我了`,-1)]]),_:1})])])])])}var C=c(u,[[`render`,S]]);export{l as _pageData,C as default};