vuepress-theme-plume/assets/markdown-power-BeCsLofc.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-TY2dTQsQ.js";import{t as c}from"./plugin-vue_export-helper-PrwMxFSs.js";var l=JSON.parse(`{"path":"/en/config/plugins/markdown-power/","title":"Markdown Power | Config","lang":"en-US","frontmatter":{"title":"Markdown Power","createTime":"2025/10/09 06:56:33","permalink":"/en/config/plugins/markdown-power/","description":"Overview Provides Markdown enhancement features for the theme. Related plugin: vuepress-plugin-md-power Configuration Default configuration: .vuepress/config.ts Features Embed P...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"Markdown Power\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2025-10-09T07:46:05.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/en/config/plugins/markdown-power/"}],["meta",{"property":"og:site_name","content":"Plume Theme"}],["meta",{"property":"og:title","content":"Markdown Power"}],["meta",{"property":"og:description","content":"Overview Provides Markdown enhancement features for the theme. Related plugin: vuepress-plugin-md-power Configuration Default configuration: .vuepress/config.ts Features Embed P..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"en-US"}],["meta",{"property":"og:locale:alternate","content":"zh-CN"}],["meta",{"property":"og:updated_time","content":"2025-10-09T07:46:05.000Z"}],["meta",{"property":"article:modified_time","content":"2025-10-09T07:46:05.000Z"}],["link",{"rel":"alternate","hreflang":"zh-cn","href":"https://theme-plume.vuejs.press/config/plugins/markdown-power/"}]]},"readingTime":{"minutes":2.86,"words":859},"git":{"createdTime":1759995965000,"updatedTime":1759995965000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":1,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"385059f214cb07fc9a098859e889432fb81f998b","time":1759995965000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update en docs (#708)"}]},"autoDesc":true,"filePathRelative":"en/config/plugins/markdown-power.md","headers":[],"bulletin":false}`),u={name:`markdown-power.md`},d={class:`code-block-title`,"data-title":`.vuepress/config.ts`},f={class:`code-block-title-bar`},p={class:`title`};function m(c,l,u,m,h,g){let _=t(`VPIcon`),v=t(`VPLink`);return n(),i(`div`,null,[l[28]||=o(`<h2 id="overview" tabindex="-1"><a class="header-anchor" href="#overview"><span>Overview</span></a></h2><p>Provides Markdown enhancement features for the theme.</p><p>Related plugin: <a href="https://github.com/pengzhanbo/vuepress-theme-plume/tree/main/plugins/plugin-md-power" target="_blank" rel="noopener noreferrer">vuepress-plugin-md-power</a></p><h2 id="configuration" tabindex="-1"><a class="header-anchor" href="#configuration"><span>Configuration</span></a></h2><p>Default configuration:</p>`,5),s(`div`,d,[s(`div`,f,[s(`span`,p,[r(_,{provider:`iconify`,name:`vscode-icons:file-type-typescript`}),l[0]||=a(`.vuepress/config.ts`,-1)])]),l[1]||=o(`<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:#1E754F;--shiki-dark:#4D9375;">import</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> defineUserConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> }</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> from</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;"> &#39;</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">vuepress</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span></span>
<span class="line"><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">import</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> plumeTheme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> }</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> from</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;"> &#39;</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">vuepress-theme-plume</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span></span>
<span class="line"></span>
<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"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">      fileTree</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 style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">// :::file-tree File tree container</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 style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">true</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">// !!plot!! Hidden text</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">      icons</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 style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">// ::collect:name:: Inline iconify icons</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // The following features are not enabled by default; you need to enable them manually</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // npmTo: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // :::npm-to</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // demo: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // :::demo</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // pdf: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // @[pdf](url) Embed PDF files</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // bilibili: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // @[bilibili](bvid) Embed bilibili videos</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // acfun: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // @[acfun](id) Embed AcFun videos</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // youtube: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // @[youtube](id) Embed YouTube videos</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // codepen: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // @[codepen](user/slash) Embed CodePen</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // replit: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // @[replit](user/repl-name) Embed Replit</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // codeSandbox: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // @[codesandbox](id) Embed CodeSandbox</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // jsfiddle: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // @[jsfiddle](id) Embed JSFiddle</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // caniuse: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // @[caniuse](feature) Embed Can I Use</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // repl: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // :::go-repl :::kotlin-repl :::rust-repl</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">      // imageSize: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // Add width/height attributes to images during build</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">    },</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">    // Can also be configured in \`plugins.markdownPower\`, but not recommended</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">    plugins</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">      markdownPower</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 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 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>`,1)]),l[29]||=o(`<h2 id="features" tabindex="-1"><a class="header-anchor" href="#features"><span>Features</span></a></h2><h3 id="embed-pdf" tabindex="-1"><a class="header-anchor" href="#embed-pdf"><span>Embed PDF</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>pdf</code> to <code>true</code>.</p><p><strong>Syntax:</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 style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">pdf</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">url</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div>`,5),s(`p`,null,[l[3]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/embed/pdf.md`},{default:e(()=>[...l[2]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[30]||=o(`<h3 id="iconify-icons" tabindex="-1"><a class="header-anchor" href="#iconify-icons"><span>Iconify Icons</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>icons</code> to <code>true</code>.</p><p>Thanks to <a href="https://iconify.design/" target="_blank" rel="noopener noreferrer">iconify</a>, you can use <strong>200k+</strong> icons from Iconify in Markdown.</p><p><strong>Syntax:</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;">::collect:name::</span></span></code></pre></div>`,5),s(`p`,null,[l[5]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/markdown/icons.md`},{default:e(()=>[...l[4]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[31]||=o(`<h3 id="bilibili-video" tabindex="-1"><a class="header-anchor" href="#bilibili-video"><span>Bilibili Video</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>bilibili</code> to <code>true</code>.</p><p><strong>Syntax:</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 style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">bilibili</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">bvid</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div>`,4),s(`p`,null,[l[7]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/embed/bilibili.md`},{default:e(()=>[...l[6]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[32]||=o(`<h3 id="acfun-video" tabindex="-1"><a class="header-anchor" href="#acfun-video"><span>AcFun Video</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>acfun</code> to <code>true</code>.</p><p><strong>Syntax:</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 style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">acfun</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">id</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div>`,4),s(`p`,null,[l[9]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/embed/video/acfun.md`},{default:e(()=>[...l[8]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[33]||=o(`<h3 id="youtube-video" tabindex="-1"><a class="header-anchor" href="#youtube-video"><span>YouTube Video</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>youtube</code> to <code>true</code>.</p><p><strong>Syntax:</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 style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">youtube</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">id</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div>`,4),s(`p`,null,[l[11]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/embed/youtube.md`},{default:e(()=>[...l[10]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[34]||=o(`<h3 id="codepen-demo" tabindex="-1"><a class="header-anchor" href="#codepen-demo"><span>CodePen Demo</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>codepen</code> to <code>true</code>.</p><p><strong>Syntax:</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 style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">codepen</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">user/slash</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div>`,4),s(`p`,null,[l[13]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/repl/codepen.md`},{default:e(()=>[...l[12]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[35]||=o(`<h3 id="codesandbox-demo" tabindex="-1"><a class="header-anchor" href="#codesandbox-demo"><span>CodeSandbox Demo</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>codeSandbox</code> to <code>true</code>.</p><p><strong>Syntax:</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 style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">codesandbox</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">id</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div>`,4),s(`p`,null,[l[15]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/repl/codeSandbox.md`},{default:e(()=>[...l[14]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[36]||=o(`<h3 id="jsfiddle-demo" tabindex="-1"><a class="header-anchor" href="#jsfiddle-demo"><span>JSFiddle Demo</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>jsfiddle</code> to <code>true</code>.</p><p><strong>Syntax:</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 style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">jsfiddle</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">id</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div>`,4),s(`p`,null,[l[17]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/repl/jsFiddle.md`},{default:e(()=>[...l[16]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[37]||=o(`<h3 id="can-i-use-browser-support" tabindex="-1"><a class="header-anchor" href="#can-i-use-browser-support"><span>Can I Use Browser Support</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>caniuse</code> to <code>true</code>.</p><p><strong>Syntax:</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 style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">caniuse</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">feature</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div>`,4),s(`p`,null,[l[19]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/markdown/caniuse.md`},{default:e(()=>[...l[18]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[38]||=o(`<h3 id="repl-code-demo-container" tabindex="-1"><a class="header-anchor" href="#repl-code-demo-container"><span>Repl Code Demo Container</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>repl</code> to <code>true</code>.</p><p>Supports online execution of Rust, Golang, and Kotlin code, as well as online editing.</p><p>Alternatively, you can enable specific features, as shown below:</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:#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;">    plugins</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">      markdownPower</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">        repl</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">          rust</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:#998418;--shiki-dark:#B8A965;">          go</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:#998418;--shiki-dark:#B8A965;">          kotlin</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>
<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 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></div><p><strong>Syntax:</strong></p><div class="language-md line-numbers-mode" 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;">::: rust-repl</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">\`\`\`</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">rust</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">// rust code</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">\`\`\`</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: go-repl</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">\`\`\`</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">go</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">// go code</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">\`\`\`</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: kotlin-repl</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">\`\`\`</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">kotlin</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">// kotlin code</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">\`\`\`</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: python-repl</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">\`\`\`</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">python</span></span>
<span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">//</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> python code</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">\`\`\`</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</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 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><p>Please refer to the complete usage documentation:</p>`,8),s(`ul`,null,[s(`li`,null,[r(v,{href:`../../guide/repl/rust.md`},{default:e(()=>[...l[20]||=[a(`Code Demo > Rust`,-1)]]),_:1})]),s(`li`,null,[r(v,{href:`../../guide/repl/golang.md`},{default:e(()=>[...l[21]||=[a(`Code Demo > Golang`,-1)]]),_:1})]),s(`li`,null,[r(v,{href:`../../guide/repl/kotlin.md`},{default:e(()=>[...l[22]||=[a(`Code Demo > Kotlin`,-1)]]),_:1})]),s(`li`,null,[r(v,{href:`../../guide/repl/python.md`},{default:e(()=>[...l[23]||=[a(`Code Demo > Python`,-1)]]),_:1})])]),l[39]||=o(`<h3 id="plot-hidden-text" tabindex="-1"><a class="header-anchor" href="#plot-hidden-text"><span>Plot Hidden Text</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>plot</code> to <code>true</code>.</p><p><strong>Syntax:</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;">!!content!!</span></span></code></pre></div>`,4),s(`p`,null,[l[25]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/markdown/plot.md`},{default:e(()=>[...l[24]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[40]||=o(`<h3 id="file-tree" tabindex="-1"><a class="header-anchor" href="#file-tree"><span>File Tree</span></a></h3><p>This feature is not enabled by default; you need to manually set <code>fileTree</code> to <code>true</code>.</p><p><strong>Syntax:</strong></p><div class="language-md line-numbers-mode" 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;">::: file-tree</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#A65E2B;--shiki-dark:#D4976C;">-</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> folder1</span></span>
<span class="line"><span style="--shiki-light:#A65E2B;--shiki-dark:#D4976C;">  -</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> file1.md</span></span>
<span class="line"><span style="--shiki-light:#A65E2B;--shiki-dark:#D4976C;">  -</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> file2.ts</span></span>
<span class="line"><span style="--shiki-light:#A65E2B;--shiki-dark:#D4976C;">  -</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> folder2</span></span>
<span class="line"><span style="--shiki-light:#A65E2B;--shiki-dark:#D4976C;">    -</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> file3.md</span></span>
<span class="line"><span style="--shiki-light:#A65E2B;--shiki-dark:#D4976C;">-</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> folder3</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</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></div>`,4),s(`p`,null,[l[27]||=a(`Please refer to the `,-1),r(v,{href:`../../guide/markdown/file-tree.md`},{default:e(()=>[...l[26]||=[a(`Complete Usage Documentation`,-1)]]),_:1})]),l[41]||=o(`<h3 id="image-dimensions" tabindex="-1"><a class="header-anchor" href="#image-dimensions"><span>Image Dimensions</span></a></h3><p>This feature adds <code>width</code> and <code>height</code> attributes to image references in markdown files. It reads the original dimensions of the images to set default image sizes and aspect ratios. This resolves layout flickering issues that occur between when an image starts loading and when it completes.</p><p>This feature is not enabled by default; you need to manually configure <code>imageSize</code>:</p><ul><li>If <code>imageSize</code> is <code>true</code>, the plugin only processes local images, equivalent to the <code>local</code> option;</li><li>If <code>imageSize</code> is <code>&#39;local&#39;</code>, the plugin only processes local images;</li><li>If <code>imageSize</code> is <code>&#39;all&#39;</code>, the plugin processes both local and remote images.</li></ul><div class="hint-container important"><p class="hint-container-title">Important</p><p><strong>This feature only takes effect during production builds.</strong></p><p>Use the <code>&#39;all&#39;</code> option with caution, as it will request remote image resources during production builds, which can significantly increase build time. Although the theme optimizes this by loading only <strong>a few KB</strong> of data from each image to analyze dimensions, it will still impact build performance.</p></div>`,5)])}var h=c(u,[[`render`,m]]);export{l as _pageData,h as default};