gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity
vuepress-theme-plume/assets/markdown-power-BhttUEb6.js

73 lines
37 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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":"/config/plugins/markdown-power/","title":"Markdown Power | 配置","lang":"zh-CN","frontmatter":{"title":"Markdown Power","createTime":"2024/04/04 06:56:33","permalink":"/config/plugins/markdown-power/","description":"概述 为 主题 提供 Markdown 增强功能。 关联插件: vuepress-plugin-md-power 配置 默认配置： .vuepress/config.ts 功能 嵌入 PDF 插件默认不启用该功能，你需要手动设置 pdf 为 true 语法: 请查看 iconify 图标 插件默认不启用该功能，你需要手动设置 icons 为 true ...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"Markdown Power\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2025-10-07T15:13:09.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/config/plugins/markdown-power/"}],["meta",{"property":"og:site_name","content":"Plume 主题"}],["meta",{"property":"og:title","content":"Markdown Power"}],["meta",{"property":"og:description","content":"概述 为 主题 提供 Markdown 增强功能。 关联插件: vuepress-plugin-md-power 配置 默认配置： .vuepress/config.ts 功能 嵌入 PDF 插件默认不启用该功能，你需要手动设置 pdf 为 true 语法: 请查看 iconify 图标 插件默认不启用该功能，你需要手动设置 icons 为 true ..."}],["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":"2025-10-07T15:13:09.000Z"}],["meta",{"property":"article:modified_time","content":"2025-10-07T15:13:09.000Z"}],["link",{"rel":"alternate","hreflang":"en-us","href":"https://theme-plume.vuejs.press/en/config/plugins/markdown-power/"}]]},"readingTime":{"minutes":3.78,"words":1133},"git":{"createdTime":1712247346000,"updatedTime":1759849989000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":15,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"},{"name":"shuoliuchn","username":"shuoliuchn","email":"32744176+shuoliuchn@users.noreply.github.com","commits":1,"avatar":"https://avatars.githubusercontent.com/shuoliuchn?v=4","url":"https://github.com/shuoliuchn"},{"name":"Shuo Liu","username":"","email":"sliu84@outlook.com","commits":1,"avatar":"https://gravatar.com/avatar/5be5d8664b9891d2622dda19edd022c4c250bd13d813fa7d3df2f732a188c431?d=retro"}],"changelog":[{"hash":"4d2361a7046214fe0f4e4af01831107fd00e38ad","time":1759849989000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme)!: add collections support (#704)"},{"hash":"dc42be6035b48b0127bc24573914c12905bc5ec9","time":1751178986000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): add <code>acfun</code> video support, close #625 (#629)"},{"hash":"1f89d7f5152f36cf5bd779868279d564306b6c1f","time":1749215699000,"email":"32744176+shuoliuchn@users.noreply.github.com","author":"Shuo Liu","message":"feat(plugin-md-power): enable python code repl(#585) (#613)","coAuthors":[{"name":"Shuo Liu","email":"sliu84@outlook.com"},{"name":"pengzhanbo","email":"volodymyr@foxmail.com"}]},{"hash":"a023ca8654797eae18ab7264e100e8f9bec969bb","time":1745601605000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme)!: deprecate old icon syntax and use <code>::icon::</code> syntax instead (#563)"},{"hash":"19c350fdda83134d40cb5b7365399dcc8ebfddfe","time":1742535479000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: fix inactive link"},{"hash":"0fd6cac57412002f4d72dc10378789b529adc357","time":1742063370000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"refactor(theme): improve types and flat config (#524)"},{"hash":"0c53be8f10bec3e943a493111b321be89a5952cf","time":1731083728000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: improve docs (#332)"},{"hash":"30603d00972980e7a5c7fa187a62686b1f5fa3f0","time":1730731869000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: fix incorrect link"},{"hash":"ca21d1b8cb55b64b395361aea2b131be91d5e4e1","time":1727280846000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat: add support optional icon for file-tree and code-tabs (#216)"},{"hash":"43d3e562303426279103479a84039c3684b95ec6","time":1727206661000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"chore: tweak"}]},"autoDesc":true,"filePathRelative":"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="概述" tabindex="-1"><a class="header-anchor" href="#概述"><span>概述</span></a></h2><p>为 主题 提供 Markdown 增强功能。</p><p>关联插件: <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="配置" tabindex="-1"><a class="header-anchor" href="#配置"><span>配置</span></a></h2><p>默认配置：</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 文件树容器</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!! 隐秘文本</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:: 内联 iconify 图标</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;"> // 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) 嵌入 PDF 文件</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) 嵌入 bilibili 视频</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) 嵌入 AcFun 视屏</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) 嵌入 youtube 视频</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) 嵌入 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) 嵌入 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) 嵌入 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) 嵌入 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) 嵌入 caniuse</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;"> // 在构建阶段为 图片添加 width/height 属性</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;"> // 也可以在 \`plugins.markdownPower\` 中配置，但不推荐</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="功能" tabindex="-1"><a class="header-anchor" href="#功能"><span>功能</span></a></h2><h3 id="嵌入-pdf" tabindex="-1"><a class="header-anchor" href="#嵌入-pdf"><span>嵌入 PDF</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>pdf</code> 为 <code>true</code></p><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 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(`请查看 `,-1),r(v,{href:`../../guide/embed/pdf.md`},{default:e(()=>[...l[2]||=[a(`完整使用文档`,-1)]]),_:1})]),l[30]||=o(`<h3 id="iconify-图标" tabindex="-1"><a class="header-anchor" href="#iconify-图标"><span>iconify 图标</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>icons</code> 为 <code>true</code></p><p>得益于 <a href="https://iconify.design/" target="_blank" rel="noopener noreferrer">iconify</a>, 你可以在 Markdown 中使用 iconify <strong>200k+</strong> 的图标</p><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;">::collect:name::</span></span></code></pre></div>`,5),s(`p`,null,[l[5]||=a(`请查看 `,-1),r(v,{href:`../../guide/markdown/icons.md`},{default:e(()=>[...l[4]||=[a(`完整使用文档`,-1)]]),_:1})]),l[31]||=o(`<h3 id="bilibili-视频" tabindex="-1"><a class="header-anchor" href="#bilibili-视频"><span>bilibili 视频</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>bilibili</code> 为 <code>true</code></p><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 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(`请查看 `,-1),r(v,{href:`../../guide/embed/bilibili.md`},{default:e(()=>[...l[6]||=[a(`完整使用文档`,-1)]]),_:1})]),l[32]||=o(`<h3 id="acfun-视频" tabindex="-1"><a class="header-anchor" href="#acfun-视频"><span>AcFun 视频</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>acfun</code> 为 <code>true</code></p><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 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(`请查看 `,-1),r(v,{href:`../../guide/embed/video/acfun.md`},{default:e(()=>[...l[8]||=[a(`完整使用文档`,-1)]]),_:1})]),l[33]||=o(`<h3 id="youtube-视频" tabindex="-1"><a class="header-anchor" href="#youtube-视频"><span>youtube 视频</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>youtube</code> 为 <code>true</code></p><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 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(`请查看 `,-1),r(v,{href:`../../guide/embed/youtube.md`},{default:e(()=>[...l[10]||=[a(`完整使用文档`,-1)]]),_:1})]),l[34]||=o(`<h3 id="codepen-代码演示" tabindex="-1"><a class="header-anchor" href="#codepen-代码演示"><span>codePen 代码演示</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>codepen</code> 为 <code>true</code></p><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 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(`请查看 `,-1),r(v,{href:`../../guide/repl/codepen.md`},{default:e(()=>[...l[12]||=[a(`完整使用文档`,-1)]]),_:1})]),l[35]||=o(`<h3 id="codesandbox-代码演示" tabindex="-1"><a class="header-anchor" href="#codesandbox-代码演示"><span>codeSandbox 代码演示</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>codeSandbox</code> 为 <code>true</code></p><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 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(`请查看 `,-1),r(v,{href:`../../guide/repl/codeSandbox.md`},{default:e(()=>[...l[14]||=[a(`完整使用文档`,-1)]]),_:1})]),l[36]||=o(`<h3 id="jsfiddle-代码演示" tabindex="-1"><a class="header-anchor" href="#jsfiddle-代码演示"><span>jsfiddle 代码演示</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>jsfiddle</code> 为 <code>true</code></p><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 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(`请查看 `,-1),r(v,{href:`../../guide/repl/jsFiddle.md`},{default:e(()=>[...l[16]||=[a(`完整使用文档`,-1)]]),_:1})]),l[37]||=o(`<h3 id="caniuse-浏览器支持" tabindex="-1"><a class="header-anchor" href="#caniuse-浏览器支持"><span>caniuse 浏览器支持</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>caniuse</code> 为 <code>true</code></p><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 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(`请查看 `,-1),r(v,{href:`../../guide/markdown/caniuse.md`},{default:e(()=>[...l[18]||=[a(`完整使用文档`,-1)]]),_:1})]),l[38]||=o(`<h3 id="repl-代码演示容器" tabindex="-1"><a class="header-anchor" href="#repl-代码演示容器"><span>Repl 代码演示容器</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>repl</code> 为 <code>true</code></p><p>支持在线运行 Rust、Golang、Kotlin 代码，还支持在线编辑。</p><p>或者开启部分功能，如下所示</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>语法:</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:#393A34;--shiki-dark:#DBD7CAEE;">// 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:#393A34;--shiki-dark:#DBD7CAEE;">// 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:#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>请查看完整使用文档:</p>`,8),s(`ul`,null,[s(`li`,null,[r(v,{href:`../../guide/repl/rust.md`},{default:e(()=>[...l[20]||=[a(`代码演示 > Rust`,-1)]]),_:1})]),s(`li`,null,[r(v,{href:`../../guide/repl/golang.md`},{default:e(()=>[...l[21]||=[a(`代码演示 > Golang`,-1)]]),_:1})]),s(`li`,null,[r(v,{href:`../../guide/repl/kotlin.md`},{default:e(()=>[...l[22]||=[a(`代码演示 > Kotlin`,-1)]]),_:1})]),s(`li`,null,[r(v,{href:`../../guide/repl/python.md`},{default:e(()=>[...l[23]||=[a(`代码演示 > Python`,-1)]]),_:1})])]),l[39]||=o(`<h3 id="plot-隐秘文本" tabindex="-1"><a class="header-anchor" href="#plot-隐秘文本"><span>Plot 隐秘文本</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>plot</code> 为 <code>true</code></p><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;">!!content!!</span></span></code></pre></div>`,4),s(`p`,null,[l[25]||=a(`请查看 `,-1),r(v,{href:`../../guide/markdown/plot.md`},{default:e(()=>[...l[24]||=[a(`完整使用文档`,-1)]]),_:1})]),l[40]||=o(`<h3 id="文件树" tabindex="-1"><a class="header-anchor" href="#文件树"><span>文件树</span></a></h3><p>插件默认不启用该功能，你需要手动设置 <code>fileTree</code> 为 <code>true</code></p><p><strong>语法:</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(`请查看 `,-1),r(v,{href:`../../guide/markdown/file-tree.md`},{default:e(()=>[...l[26]||=[a(`完整使用文档`,-1)]]),_:1})]),l[41]||=o(`<h3 id="图片尺寸" tabindex="-1"><a class="header-anchor" href="#图片尺寸"><span>图片尺寸</span></a></h3><p>该功能会为 markdown 文件中的 图片引用 添加当前图片的 <code>width</code> 和 <code>height</code> 属性。 通过读取 图片的原始尺寸大小，为 图片设置默认的 图片尺寸 和 比例。 从而解决页面在图片加载未完成到完成时，布局闪烁的问题。</p><p>插件默认不启用该功能，你需要手动设置 <code>imageSize</code>：</p><ul><li>如果 <code>imageSize</code> 为 <code>true</code>，则插件仅处理本地图片，等同于 <code>local</code> 选项；</li><li>如果 <code>imageSize</code> 为 <code>&#39;local&#39;</code>，则插件仅处理本地图片；</li><li>如果 <code>imageSize</code> 为 <code>&#39;all&#39;</code>，则插件同时处理本地图片和远程图片。</li></ul><div class="hint-container important"><p class="hint-container-title">重要</p><p><strong>此功能仅在构建生产包时生效。</strong></p><p>请谨慎 使用 <code>&#39;all&#39;</code> 选项，由于该选项会在 构建生产包时，请求远程图片资源，这会使得构建时间变长。 虽然主题做了优化仅会加载图片 <strong>几 KB</strong> 的数据包 用于分析尺寸，但还是会实际影响构建时间。</p></div>`,5)])}var h=c(u,[[`render`,m]]);export{l as _pageData,h as default};
Reference in New Issue View Git Blame Copy Permalink