UNPKG

@nodefony/monitoring-bundle

Version:

github.com/nodefony/nodefony

nodefony/nodefony

88 lines (84 loc) • 33.7 kB

JavaScript

import{_ as v}from"./plugin-vue_export-helper-DlAUqK2U.js";import{r as l,o as g,c as b,a as _,b as n,d as s,e as a,w as t,n as f,g as w,f as p}from"./app-CAAMsCo-.js";const y={},q=n("p",null,"VuePress basically generate pages from Markdown files. So you can use it to generate documentation or blog sites easily.",-1),x=n("p",null,"You should create and write Markdown files, so that VuePress can convert them to different pages according to file structure.",-1),j=n("h2",{id:"markdown-introduction",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#markdown-introduction","aria-hidden":"true"},"#"),s(" Markdown Introduction")],-1),A={href:"https://theme-hope.vuejs.press/cookbook/markdown/",target:"_blank",rel:"noopener noreferrer"},V={href:"https://theme-hope.vuejs.press/cookbook/markdown/demo.html",target:"_blank",rel:"noopener noreferrer"},D=n("h2",{id:"markdown-config",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#markdown-config","aria-hidden":"true"},"#"),s(" Markdown Config")],-1),C=n("p",null,"VuePress introduce configuration for each markdown page using Frontmatter.",-1),T={class:"hint-container info"},P=n("p",{class:"hint-container-title"},"Info",-1),M={href:"https://theme-hope.vuejs.press/cookbook/vuepress/page.html#front-matter",target:"_blank",rel:"noopener noreferrer"},I=n("h2",{id:"markdown-extension",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#markdown-extension","aria-hidden":"true"},"#"),s(" Markdown Extension")],-1),S={href:"https://github.com/markdown-it/markdown-it",target:"_blank",rel:"noopener noreferrer"},E={href:"https://github.com/markdown-it/markdown-it#syntax-extensions",target:"_blank",rel:"noopener noreferrer"},F=n("h3",{id:"vuepress-enhancement",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vuepress-enhancement","aria-hidden":"true"},"#"),s(" VuePress Enhancement")],-1),B=n("p",null,"To enrich document writing, VuePress has extended Markdown syntax.",-1),K={href:"https://theme-hope.vuejs.press/basic/vuepress/markdown.html",target:"_blank",rel:"noopener noreferrer"},L=n("h3",{id:"theme-enhancement",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#theme-enhancement","aria-hidden":"true"},"#"),s(" Theme Enhancement")],-1),Y={href:"https://md-enhance.vuejs.press/",target:"_blank",rel:"noopener noreferrer"},z=n("code",null,"vuepress-plugin-md-enhance",-1),H=p(`<h4 id="custom-container" tabindex="-1"><a class="header-anchor" href="#custom-container" aria-hidden="true">#</a> Custom Container</h4><div><p>Safely use {{ variable }} in Markdown.</p></div><div class="hint-container info"><p class="hint-container-title">Custom Title</p><p>A custom information container with <code>code</code>, <a href="#custom-container">link</a>.</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token keyword">const</span> a <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span> </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div></div><div class="hint-container tip"><p class="hint-container-title">Custom Title</p><p>A custom tip container</p></div><div class="hint-container warning"><p class="hint-container-title">Custom Title</p><p>A custom warning container</p></div><div class="hint-container caution"><p class="hint-container-title">Custom Title</p><p>A custom danger container</p></div><details class="hint-container details"><summary>Custom Title</summary><p>A custom details container</p></details>`,7),J={href:"https://theme-hope.vuejs.press/guide/markdown/container.html",target:"_blank",rel:"noopener noreferrer"},N=n("h4",{id:"tabs",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#tabs","aria-hidden":"true"},"#"),s(" Tabs")],-1),$=n("p",null,"Apple",-1),R=n("p",null,"Banana",-1),W=n("p",null,"Orange",-1),O={href:"https://theme-hope.vuejs.press/guide/markdown/tabs.html",target:"_blank",rel:"noopener noreferrer"},U=n("h4",{id:"code-tabs",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#code-tabs","aria-hidden":"true"},"#"),s(" Code Tabs")],-1),G=n("div",{class:"language-bash line-numbers-mode","data-ext":"sh"},[n("pre",{class:"language-bash"},[n("code",null,[n("span",{class:"token function"},"pnpm"),s(),n("span",{class:"token function"},"add"),s(),n("span",{class:"token parameter variable"},"-D"),s(` vuepress-theme-hope `)])]),n("div",{class:"line-numbers","aria-hidden":"true"},[n("div",{class:"line-number"})])],-1),Q=n("div",{class:"language-bash line-numbers-mode","data-ext":"sh"},[n("pre",{class:"language-bash"},[n("code",null,[n("span",{class:"token function"},"yarn"),s(),n("span",{class:"token function"},"add"),s(),n("span",{class:"token parameter variable"},"-D"),s(` vuepress-theme-hope `)])]),n("div",{class:"line-numbers","aria-hidden":"true"},[n("div",{class:"line-number"})])],-1),X=n("div",{class:"language-bash line-numbers-mode","data-ext":"sh"},[n("pre",{class:"language-bash"},[n("code",null,[n("span",{class:"token function"},"npm"),s(" i "),n("span",{class:"token parameter variable"},"-D"),s(` vuepress-theme-hope `)])]),n("div",{class:"line-numbers","aria-hidden":"true"},[n("div",{class:"line-number"})])],-1),Z={href:"https://theme-hope.vuejs.press/guide/markdown/code-tabs.html",target:"_blank",rel:"noopener noreferrer"},nn=n("h4",{id:"superscript-and-subscript",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#superscript-and-subscript","aria-hidden":"true"},"#"),s(" Superscript and Subscript")],-1),sn=n("p",null,[s("19"),n("sup",null,"th"),s(" H"),n("sub",null,"2"),s("O")],-1),an={href:"https://theme-hope.vuejs.press/guide/markdown/sup-sub.html",target:"_blank",rel:"noopener noreferrer"},en=n("h4",{id:"align",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#align","aria-hidden":"true"},"#"),s(" Align")],-1),tn=n("div",{style:{"text-align":"center"}},[n("p",null,"I am center")],-1),on=n("div",{style:{"text-align":"right"}},[n("p",null,"I am right align")],-1),rn={href:"https://theme-hope.vuejs.press/guide/markdown/align.html",target:"_blank",rel:"noopener noreferrer"},ln=n("h4",{id:"attrs",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#attrs","aria-hidden":"true"},"#"),s(" Attrs")],-1),pn=n("p",null,[s("A "),n("strong",{id:"word"},"word"),s(" having id.")],-1),cn={href:"https://theme-hope.vuejs.press/guide/markdown/attrs.html",target:"_blank",rel:"noopener noreferrer"},un=n("h4",{id:"footnote",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#footnote","aria-hidden":"true"},"#"),s(" Footnote")],-1),dn=n("p",null,"This text has footnote[^first].",-1),hn=n("p",null,"[^first]: This is footnote content",-1),kn={href:"https://theme-hope.vuejs.press/guide/markdown/footnote.html",target:"_blank",rel:"noopener noreferrer"},mn=n("h4",{id:"mark",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mark","aria-hidden":"true"},"#"),s(" Mark")],-1),vn=n("p",null,[s("You can mark "),n("mark",null,"important words"),s(" .")],-1),gn={href:"https://theme-hope.vuejs.press/guide/markdown/mark.html",target:"_blank",rel:"noopener noreferrer"},bn=n("h4",{id:"tasklist",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#tasklist","aria-hidden":"true"},"#"),s(" Tasklist")],-1),_n=n("li",null,[n("p",null,"[x] Plan A")],-1),fn=n("li",null,[n("p",null,"[ ] Plan B")],-1),wn={href:"https://theme-hope.vuejs.press/guide/markdown/tasklist.html",target:"_blank",rel:"noopener noreferrer"},yn=n("h4",{id:"image-enhancement",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#image-enhancement","aria-hidden":"true"},"#"),s(" Image Enhancement")],-1),qn=n("p",null,"Support setting color scheme and size",-1),xn={href:"https://theme-hope.vuejs.press/guide/markdown/image.html",target:"_blank",rel:"noopener noreferrer"},jn=n("h4",{id:"card",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#card","aria-hidden":"true"},"#"),s(" Card")],-1),An={href:"https://theme-hope.vuejs.press/guide/markdown/card.html",target:"_blank",rel:"noopener noreferrer"},Vn=n("h4",{id:"include-files",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#include-files","aria-hidden":"true"},"#"),s(" Include files")],-1),Dn={href:"https://theme-hope.vuejs.press/guide/markdown/include.html",target:"_blank",rel:"noopener noreferrer"},Cn=n("h4",{id:"code-demo",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#code-demo","aria-hidden":"true"},"#"),s(" Code Demo")],-1),Tn=n("div",{class:"language-html line-numbers-mode","data-ext":"html"},[n("pre",{class:"language-html"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h1")]),n("span",{class:"token punctuation"},">")]),s("VuePress Theme Hope"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h1")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("p")]),n("span",{class:"token punctuation"},">")]),s("Is "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("span")]),s(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("very"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("very"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("span")]),n("span",{class:"token punctuation"},">")]),s(" powerful!"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("p")]),n("span",{class:"token punctuation"},">")]),s(` `)])]),n("div",{class:"line-numbers","aria-hidden":"true"},[n("div",{class:"line-number"}),n("div",{class:"line-number"})])],-1),Pn=n("div",{class:"language-javascript line-numbers-mode","data-ext":"js"},[n("pre",{class:"language-javascript"},[n("code",null,[s("document"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"querySelector"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"#very"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"addEventListener"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"click"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"alert"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"Very powerful!"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("div",{class:"line-numbers","aria-hidden":"true"},[n("div",{class:"line-number"}),n("div",{class:"line-number"}),n("div",{class:"line-number"})])],-1),Mn=n("div",{class:"language-css line-numbers-mode","data-ext":"css"},[n("pre",{class:"language-css"},[n("code",null,[n("span",{class:"token selector"},"span"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" red"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `)])]),n("div",{class:"line-numbers","aria-hidden":"true"},[n("div",{class:"line-number"}),n("div",{class:"line-number"}),n("div",{class:"line-number"})])],-1),In={href:"https://theme-hope.vuejs.press/guide/markdown/demo.html",target:"_blank",rel:"noopener noreferrer"},Sn=n("h4",{id:"stylize",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#stylize","aria-hidden":"true"},"#"),s(" Stylize")],-1),En={href:"https://theme-hope.vuejs.press/guide/markdown/stylize.html",target:"_blank",rel:"noopener noreferrer"},Fn=n("h4",{id:"playground",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#playground","aria-hidden":"true"},"#"),s(" Playground")],-1),Bn={href:"https://theme-hope.vuejs.press/guide/markdown/playground.html",target:"_blank",rel:"noopener noreferrer"},Kn=p(`<h4 id="chart" tabindex="-1"><a class="header-anchor" href="#chart" aria-hidden="true">#</a> Chart</h4><p>::: chart A Scatter Chart</p><div class="language-json line-numbers-mode" data-ext="json"><pre class="language-json"><code><span class="token punctuation">{</span> <span class="token property">"type"</span><span class="token operator">:</span> <span class="token string">"scatter"</span><span class="token punctuation">,</span> <span class="token property">"data"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"datasets"</span><span class="token operator">:</span> <span class="token punctuation">[</span> <span class="token punctuation">{</span> <span class="token property">"label"</span><span class="token operator">:</span> <span class="token string">"Scatter Dataset"</span><span class="token punctuation">,</span> <span class="token property">"data"</span><span class="token operator">:</span> <span class="token punctuation">[</span> <span class="token punctuation">{</span> <span class="token property">"x"</span><span class="token operator">:</span> <span class="token number">-10</span><span class="token punctuation">,</span> <span class="token property">"y"</span><span class="token operator">:</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token property">"x"</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span> <span class="token property">"y"</span><span class="token operator">:</span> <span class="token number">10</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token property">"x"</span><span class="token operator">:</span> <span class="token number">10</span><span class="token punctuation">,</span> <span class="token property">"y"</span><span class="token operator">:</span> <span class="token number">5</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token property">"x"</span><span class="token operator">:</span> <span class="token number">0.5</span><span class="token punctuation">,</span> <span class="token property">"y"</span><span class="token operator">:</span> <span class="token number">5.5</span> <span class="token punctuation">}</span> <span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token property">"backgroundColor"</span><span class="token operator">:</span> <span class="token string">"rgb(255, 99, 132)"</span> <span class="token punctuation">}</span> <span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token property">"options"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"scales"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"x"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"type"</span><span class="token operator">:</span> <span class="token string">"linear"</span><span class="token punctuation">,</span> <span class="token property">"position"</span><span class="token operator">:</span> <span class="token string">"bottom"</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre><div class="line-numbers" aria-hidden="true"><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><p>:::</p>`,4),Ln={href:"https://theme-hope.vuejs.press/guide/markdown/chart.html",target:"_blank",rel:"noopener noreferrer"},Yn=p(`<h4 id="echarts" tabindex="-1"><a class="header-anchor" href="#echarts" aria-hidden="true">#</a> Echarts</h4><p>::: echarts A line chart</p><div class="language-json line-numbers-mode" data-ext="json"><pre class="language-json"><code><span class="token punctuation">{</span> <span class="token property">"xAxis"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"type"</span><span class="token operator">:</span> <span class="token string">"category"</span><span class="token punctuation">,</span> <span class="token property">"data"</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">"Mon"</span><span class="token punctuation">,</span> <span class="token string">"Tue"</span><span class="token punctuation">,</span> <span class="token string">"Wed"</span><span class="token punctuation">,</span> <span class="token string">"Thu"</span><span class="token punctuation">,</span> <span class="token string">"Fri"</span><span class="token punctuation">,</span> <span class="token string">"Sat"</span><span class="token punctuation">,</span> <span class="token string">"Sun"</span><span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token property">"yAxis"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"type"</span><span class="token operator">:</span> <span class="token string">"value"</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token property">"series"</span><span class="token operator">:</span> <span class="token punctuation">[</span> <span class="token punctuation">{</span> <span class="token property">"data"</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">150</span><span class="token punctuation">,</span> <span class="token number">230</span><span class="token punctuation">,</span> <span class="token number">224</span><span class="token punctuation">,</span> <span class="token number">218</span><span class="token punctuation">,</span> <span class="token number">135</span><span class="token punctuation">,</span> <span class="token number">147</span><span class="token punctuation">,</span> <span class="token number">260</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token property">"type"</span><span class="token operator">:</span> <span class="token string">"line"</span> <span class="token punctuation">}</span> <span class="token punctuation">]</span> <span class="token punctuation">}</span> </code></pre><div class="line-numbers" aria-hidden="true"><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>`,4),zn={href:"https://theme-hope.vuejs.press/guide/markdown/echarts.html",target:"_blank",rel:"noopener noreferrer"},Hn=p(`<h4 id="flowchart" tabindex="-1"><a class="header-anchor" href="#flowchart" aria-hidden="true">#</a> Flowchart</h4><div class="language-flow line-numbers-mode" data-ext="flow"><pre class="language-flow"><code>cond<span class="token operator">=></span>condition<span class="token operator">:</span> Process<span class="token operator">?</span> process<span class="token operator">=></span>operation<span class="token operator">:</span> Process e<span class="token operator">=></span>end<span class="token operator">:</span> End <span class="token function">cond</span><span class="token punctuation">(</span>yes<span class="token punctuation">)</span><span class="token operator">-</span><span class="token operator">></span>process<span class="token operator">-</span><span class="token operator">></span>e <span class="token function">cond</span><span class="token punctuation">(</span>no<span class="token punctuation">)</span><span class="token operator">-</span><span class="token operator">></span>e </code></pre><div class="line-numbers" aria-hidden="true"><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>`,2),Jn={href:"https://theme-hope.vuejs.press/guide/markdown/flowchart.html",target:"_blank",rel:"noopener noreferrer"},Nn=p(`<h4 id="mermaid" tabindex="-1"><a class="header-anchor" href="#mermaid" aria-hidden="true">#</a> Mermaid</h4><div class="language-mermaid line-numbers-mode" data-ext="mermaid"><pre class="language-mermaid"><code><span class="token arrow operator">---</span> title<span class="token operator">:</span> Flowchart <span class="token arrow operator">---</span> <span class="token keyword">flowchart</span> TB c1<span class="token arrow operator">--></span>a2 <span class="token keyword">subgraph</span> one a1<span class="token arrow operator">--></span>a2 <span class="token keyword">end</span> <span class="token keyword">subgraph</span> two b1<span class="token arrow operator">--></span>b2 <span class="token keyword">end</span> <span class="token keyword">subgraph</span> three c1<span class="token arrow operator">--></span>c2 <span class="token keyword">end</span> one <span class="token arrow operator">--></span> two three <span class="token arrow operator">--></span> two two <span class="token arrow operator">--></span> c2 </code></pre><div class="line-numbers" aria-hidden="true"><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>`,2),$n={href:"https://theme-hope.vuejs.press/guide/markdown/mermaid.html",target:"_blank",rel:"noopener noreferrer"},Rn=n("h4",{id:"tex",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#tex","aria-hidden":"true"},"#"),s(" Tex")],-1),Wn=n("p",null,"$$ \\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right) = \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^i r \\cdots (r-i+1) (\\log y)^{r-i}} {\\omega^i} \\right} $$",-1),On={href:"https://theme-hope.vuejs.press/guide/markdown/tex.html",target:"_blank",rel:"noopener noreferrer"},Un=n("h4",{id:"vue-playground",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vue-playground","aria-hidden":"true"},"#"),s(" Vue Playground")],-1),Gn=n("p",null,"::: vue-playground Vue Playground",-1),Qn=p(`<div class="language-vue line-numbers-mode" data-ext="vue"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">setup</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"> <span class="token keyword">import</span> <span class="token punctuation">{</span> ref <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"vue"</span><span class="token punctuation">;</span> <span class="token keyword">const</span> msg <span class="token operator">=</span> <span class="token function">ref</span><span class="token punctuation">(</span><span class="token string">"Hello World!"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span>{{ msg }}<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>msg<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span> </code></pre><div class="line-numbers" aria-hidden="true"><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>`,2),Xn={href:"https://theme-hope.vuejs.press/guide/markdown/vue-playground.html",target:"_blank",rel:"noopener noreferrer"},Zn=n("h4",{id:"presentation",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#presentation","aria-hidden":"true"},"#"),s(" Presentation")],-1),ns=n("p",null,"@slidestart",-1),ss=n("h2",{id:"slide-1",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#slide-1","aria-hidden":"true"},"#"),s(" Slide 1")],-1),as={href:"https://mister-hope.com",target:"_blank",rel:"noopener noreferrer"},es=p(`<hr><h2 id="slide-2" tabindex="-1"><a class="header-anchor" href="#slide-2" aria-hidden="true">#</a> Slide 2</h2><ul><li>Item 1</li><li>Item 2</li></ul><hr><h2 id="slide-3-1" tabindex="-1"><a class="header-anchor" href="#slide-3-1" aria-hidden="true">#</a> Slide 3.1</h2><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token keyword">const</span> a <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span> </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>--</p><h2 id="slide-3-2" tabindex="-1"><a class="header-anchor" href="#slide-3-2" aria-hidden="true">#</a> Slide 3.2</h2><p>$$ J(\\theta_0,\\theta_1) = \\sum_{i=0} $$</p><p>@slideend</p>`,10),ts={href:"https://theme-hope.vuejs.press/guide/markdown/revealjs.html",target:"_blank",rel:"noopener noreferrer"};function os(rs,ls){const e=l("ExternalLinkIcon"),c=l("Tabs"),u=l("CodeTabs"),d=l("VPCard"),i=l("RouterLink"),h=l("CodeDemo"),k=l("Badge"),m=l("Playground");return g(),b("div",null,[q,x,_(" more "),j,n("p",null,[s("If you are a new learner and don't know how to write Markdown, please read "),n("a",A,[s("Markdown Intro"),a(e)]),s(" and "),n("a",V,[s("Markdown Demo"),a(e)]),s(".")]),D,C,n("div",T,[P,n("p",null,[s("Frontmatter is a important concept in VuePress. If you don't know it, you need to read "),n("a",M,[s("Frontmatter Introduction"),a(e)]),s(".")])]),I,n("p",null,[s("The Markdown content in VuePress will be parsed by "),n("a",S,[s("markdown-it"),a(e)]),s(", which supports "),n("a",E,[s("syntax extensions"),a(e)]),s(" via markdown-it plugins.")]),F,B,n("p",null,[s("For these extensions, please read "),n("a",K,[s("Markdown extensions in VuePress"),a(e)]),s(".")]),L,n("p",null,[s("By using "),n("a",Y,[z,a(e)]),s(", the theme extends more Markdown syntax and provides richer writing functions.")]),H,n("ul",null,[n("li",null,[n("a",J,[s("View Detail"),a(e)])])]),N,a(c,{id:"89",data:[{id:"apple"},{id:"banana"},{id:"orange"}],"tab-id":"fruit"},{title0:t(({value:o,isActive:r})=>[s("apple")]),title1:t(({value:o,isActive:r})=>[s("banana")]),title2:t(({value:o,isActive:r})=>[s("orange")]),tab0:t(({value:o,isActive:r})=>[$]),tab1:t(({value:o,isActive:r})=>[R]),tab2:t(({value:o,isActive:r})=>[W]),_:1}),n("ul",null,[n("li",null,[n("a",O,[s("View Detail"),a(e)])])]),U,a(u,{id:"116",data:[{id:"pnpm"},{id:"yarn"},{id:"npm"}],active:2,"tab-id":"shell"},{title0:t(({value:o,isActive:r})=>[s("pnpm")]),title1:t(({value:o,isActive:r})=>[s("yarn")]),title2:t(({value:o,isActive:r})=>[s("npm")]),tab0:t(({value:o,isActive:r})=>[G]),tab1:t(({value:o,isActive:r})=>[Q]),tab2:t(({value:o,isActive:r})=>[X]),_:1}),n("ul",null,[n("li",null,[n("a",Z,[s("View Detail"),a(e)])])]),nn,sn,n("ul",null,[n("li",null,[n("a",an,[s("View Detail"),a(e)])])]),en,tn,on,n("ul",null,[n("li",null,[n("a",rn,[s("View Detail"),a(e)])])]),ln,pn,n("ul",null,[n("li",null,[n("a",cn,[s("View Detail"),a(e)])])]),un,dn,hn,n("ul",null,[n("li",null,[n("a",kn,[s("View Detail"),a(e)])])]),mn,vn,n("ul",null,[n("li",null,[n("a",gn,[s("View Detail"),a(e)])])]),bn,n("ul",null,[_n,fn,n("li",null,[n("p",null,[n("a",wn,[s("View Detail"),a(e)])])])]),yn,qn,n("ul",null,[n("li",null,[n("a",xn,[s("View Detail"),a(e)])])]),jn,a(d,f(w({title:"Mr.Hope",desc:"Where there is light, there is hope",logo:"https://mister-hope.com/logo.svg",link:"https://mister-hope.com",color:"rgba(253, 230, 138, 0.15)"})),null,16),n("ul",null,[n("li",null,[n("a",An,[s("View Detail"),a(e)])])]),Vn,n("ul",null,[n("li",null,[n("p",null,[a(i,{to:"/demo/markdown.html"},{default:t(()=>[s("Markdown Enhance")]),_:1})])]),n("li",null,[n("p",null,[a(i,{to:"/demo/page.html"},{default:t(()=>[s("Page Config")]),_:1})])]),n("li",null,[n("p",null,[a(i,{to:"/demo/disable.html"},{default:t(()=>[s("Function Disable")]),_:1})])]),n("li",null,[n("p",null,[a(i,{to:"/demo/encrypt.html"},{default:t(()=>[s("Encryption Demo")]),_:1})])])]),n("ul",null,[n("li",null,[n("a",Dn,[s("View Detail"),a(e)])])]),Cn,a(h,{id:"code-demo-290",type:"normal",title:"A%20normal%20demo",code:"eJxFjjELAjEMhf9KjIuCeLhq7SYoOAiKU5ejjdxpr61tTxHxv5ueg0sCed97L29scmdxiaJZyHNPh0gpwamhjmDrA4mK78qJIHcJRAq1g9asFT4ovhTKskRVzhKCf1K89HYkqsAWnOE1cbDxuu/I5fm9Z/hIlnT2caJw/MuYzmtjNg8m9m3K5Kho2rb6pnAGkymsJbyVA6gtxczamW3/Mg5YKfcpgxt1KpXDm4NHe+vjEiKZAjHy+QJaqVDL"},{default:t(()=>[Tn,Pn,Mn]),_:1}),n("ul",null,[n("li",null,[n("a",In,[s("View Detail"),a(e)])])]),Sn,n("p",null,[s("Donate Mr.Hope a cup of coffee. "),a(k,{type:"tip"},{default:t(()=>[s("Recommended")]),_:1})]),n("ul",null,[n("li",null,[n("a",En,[s("View Detail"),a(e)])])]),Fn,a(m,{title:"TS%20demo",link:"https%3A%2F%2Fwww.typescriptlang.org%2Fplay%23code%2FMYewdgzgLgBAthA5jAvDARACwKYBtcgwDuIATrgCboDcAULaJLBAA7YCGA1qjABQKIAXDGikAlmEQBKVAD4YjCCFzYAdAUT8kUurVYdOW6XSA"}),n("ul",null,[n("li",null,[n("a",Bn,[s("View Detail"),a(e)])])]),Kn,n("ul",null,[n("li",null,[n("a",Ln,[s("View Detail"),a(e)])])]),Yn,n("ul",null,[n("li",null,[n("a",zn,[s("View Detail"),a(e)])])]),Hn,n("ul",null,[n("li",null,[n("a",Jn,[s("View Detail"),a(e)])])]),Nn,n("ul",null,[n("li",null,[n("a",$n,[s("View Detail"),a(e)])])]),Rn,Wn,n("ul",null,[n("li",null,[n("a",On,[s("View Detail"),a(e)])])]),Un,Gn,n("template",null,[Qn,n("ul",null,[n("li",null,[n("a",Xn,[s("View Detail"),a(e)])])]),Zn,ns,ss,n("p",null,[s("A paragraph with some text and a "),n("a",as,[s("link"),a(e)])]),es,n("ul",null,[n("li",null,[n("a",ts,[s("View Detail"),a(e)])])])])])}const cs=v(y,[["render",os],["__file","markdown.html.vue"]]);export{cs as default};