vuepress-theme-plume/assets/plot-BwuXsbow.js

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 <code>demo-wrapper</code> container to <code>window</code> (#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 <code>plot</code> 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(`<header class="window-header"><div class="window-left"><i></i><i></i><i></i></div><div class="window-right"><i class="vpi-window-share"></i><i class="vpi-window-add"></i><i class="vpi-window-copy"></i></div></header>`,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(`<div class="language-ts" data-highlighter="shiki" data-ext="ts" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark has-diff vp-code"><code class="language-ts"><span class="line"><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">export</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> default</span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;"> defineUserConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">  theme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;">plumeTheme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">    markdown</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
<span class="line diff add"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">      plot</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">true</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">    }</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">  })</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">})</span></span></code></pre></div>`,1)]),l[36]||=o(`<p><code>markdownPower.plot</code> 支持传入 <code>boolean | PlotOptions</code> 类型，该配置用于控制该功能的默认行为。</p><div class="language-ts line-numbers-mode" data-highlighter="shiki" data-ext="ts" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-ts"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">interface</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;"> PlotOptions</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">  /**</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">   * 触发方式</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">   *</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">   * </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">@</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">default</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;"> &#39;</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">hover</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">   */</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">  trigger</span><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">?</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">hover</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> | </span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">click</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">  /**</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">   * 遮罩层效果</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">   *</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">   * </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">@</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">default</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;"> &#39;</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">mask</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">   */</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">  effect</span><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">?</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">mask</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> | </span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">blur</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">}</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="语法" tabindex="-1"><a class="header-anchor" href="#语法"><span>语法</span></a></h2><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">!!需要隐秘的内容!!</span></span></code></pre></div><p>还可以通过属性语法控制行为：</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">!!需要隐秘的内容!!{.click}</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">!!需要隐秘的内容!!{.hover}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">!!需要隐秘的内容!!{.mask}</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">!!需要隐秘的内容!!{.blur}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">!!需要隐秘的内容!!{.blur .click}</span></span></code></pre></div><ul><li><code>.click</code> - 点击触发</li><li><code>.hover</code> - 鼠标悬停触发</li><li><code>.mask</code> - 遮罩层效果</li><li><code>.blur</code> - 文本模糊效果</li></ul>`,7),s(`div`,g,[s(`p`,_,[l[11]||=a(`你也可以使用 `,-1),r(D,{href:`../components/plot.md`},{default:e(()=>[...l[10]||=[s(`code`,null,`<Plot />`,-1)]]),_:1}),l[12]||=a(` 组件替代。`,-1)])]),l[37]||=o(`<h2 id="frontmatter" tabindex="-1"><a class="header-anchor" href="#frontmatter"><span>Frontmatter</span></a></h2><p>在 Frontmatter 中使用 <code>plot</code> 选项来控制在当前页面中该功能的默认行为：</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">plot</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">  trigger</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hover</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">  effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> blur</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h2 id="示例" tabindex="-1"><a class="header-anchor" href="#示例"><span>示例</span></a></h2><p><strong>输入</strong>：</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">你知道吗， !!鲁迅!! 曾说过：“ !!我没说过这句话！!! ” 令我醍醐灌顶，深受启发，浑身迸发出无可匹敌的</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">力量！于是，!!我在床上翻了个身!! ！</span></span></code></pre></div><p><strong>输出</strong>：</p>`,7),s(`article`,v,[l[20]||=o(`<header class="window-header"><div class="window-left"><i></i><i></i><i></i></div><div class="window-right"><i class="vpi-window-share"></i><i class="vpi-window-add"></i><i class="vpi-window-copy"></i></div></header>`,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(`<p><strong>输入</strong>：</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">遮罩层效果 + 鼠标悬停：!!鼠标悬停看到我了!!{.mask .hover}</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">遮罩层效果 + 点击：!!点击看到我了!!{.mask .click}</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">文本模糊效果 + 鼠标悬停：!!鼠标悬停看到我了!!{.blur .hover}</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">文本模糊效果 + 点击：!!点击看到我了!!{.blur .click}</span></span></code></pre></div><p><strong>输出</strong>：</p>`,3),s(`article`,b,[l[29]||=o(`<header class="window-header"><div class="window-left"><i></i><i></i><i></i></div><div class="window-right"><i class="vpi-window-share"></i><i class="vpi-window-add"></i><i class="vpi-window-copy"></i></div></header>`,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};