import{_ as p}from"./plugin-vue_export-helper-DlAUqK2U.js";import{r as l,o as c,c as u,e as m,a as e,b as n,d as t,w as r,n as _,g as k,f as g}from"./app-DgvMEtjt.js";const f={},v=e("p",null,"VuePress 主要从 Markdown 文件生成页面。因此,你可以使用它轻松生成文档或博客站点。",-1),w=e("p",null,"你应该创建和编写 Markdown 文件,以便 VuePress 可以根据文件结构将它们转换为不同的页面。",-1),b=e("h2",{id:"markdown-介绍",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#markdown-介绍"},[e("span",null,"Markdown 介绍")])],-1),x={href:"https://theme-hope.vuejs.press/zh/cookbook/markdown/",target:"_blank",rel:"noopener noreferrer"},j={href:"https://theme-hope.vuejs.press/zh/cookbook/markdown/demo.html",target:"_blank",rel:"noopener noreferrer"},M=e("h2",{id:"markdown-配置",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#markdown-配置"},[e("span",null,"Markdown 配置")])],-1),y=e("p",null,"VuePress 通过 Frontmatter 为每个 Markdown 页面引入配置。",-1),z={class:"hint-container info"},V=e("p",{class:"hint-container-title"},"相关信息",-1),P={href:"https://theme-hope.vuejs.press/zh/cookbook/vuepress/page.html#front-matter",target:"_blank",rel:"noopener noreferrer"},E=e("h2",{id:"markdown-扩展",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#markdown-扩展"},[e("span",null,"Markdown 扩展")])],-1),A={href:"https://github.com/markdown-it/markdown-it",target:"_blank",rel:"noopener noreferrer"},B={href:"https://github.com/markdown-it/markdown-it#syntax-extensions",target:"_blank",rel:"noopener noreferrer"},T=e("h3",{id:"vuepress-扩展",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#vuepress-扩展"},[e("span",null,"VuePress 扩展")])],-1),C=e("p",null,"为了丰富文档写作,VuePress 对 Markdown 语法进行了扩展。",-1),D={href:"https://theme-hope.vuejs.press/zh/cookbook/vuepress/markdown.html",target:"_blank",rel:"noopener noreferrer"},N=e("h3",{id:"主题扩展",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#主题扩展"},[e("span",null,"主题扩展")])],-1),F={href:"https://plugin-md-enhance.vuejs.press/zh/",target:"_blank",rel:"noopener noreferrer"},H=e("code",null,"vuepress-plugin-md-enhance",-1),I=g(`

提示容器

安全的在 Markdown 中使用 {{ variable }}。

自定义标题

信息容器,包含 代码链接

const a = 1;

自定义标题

提示容器

自定义标题

警告容器

自定义标题

危险容器

自定义标题

详情容器

`,7),R={href:"https://theme-hope.vuejs.press/zh/guide/markdown/hint.html",target:"_blank",rel:"noopener noreferrer"},$=e("h4",{id:"代码块",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#代码块"},[e("span",null,"代码块")])],-1),S=e("div",{class:"language-bash line-numbers-mode","data-ext":"sh","data-title":"sh"},[e("pre",{class:"language-bash"},[e("code",null,[e("span",{class:"token function"},"pnpm"),n(),e("span",{class:"token function"},"add"),n(),e("span",{class:"token parameter variable"},"-D"),n(` vuepress-theme-hope `)])]),e("div",{class:"line-numbers","aria-hidden":"true"},[e("div",{class:"line-number"})])],-1),Z=e("div",{class:"language-bash line-numbers-mode","data-ext":"sh","data-title":"sh"},[e("pre",{class:"language-bash"},[e("code",null,[e("span",{class:"token function"},"yarn"),n(),e("span",{class:"token function"},"add"),n(),e("span",{class:"token parameter variable"},"-D"),n(` vuepress-theme-hope `)])]),e("div",{class:"line-numbers","aria-hidden":"true"},[e("div",{class:"line-number"})])],-1),L=e("div",{class:"language-bash line-numbers-mode","data-ext":"sh","data-title":"sh"},[e("pre",{class:"language-bash"},[e("code",null,[e("span",{class:"token function"},"npm"),n(" i "),e("span",{class:"token parameter variable"},"-D"),n(` vuepress-theme-hope `)])]),e("div",{class:"line-numbers","aria-hidden":"true"},[e("div",{class:"line-number"})])],-1),O={href:"https://theme-hope.vuejs.press/zh/guide/markdown/code-tabs.html",target:"_blank",rel:"noopener noreferrer"},J=e("h4",{id:"上下角标",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#上下角标"},[e("span",null,"上下角标")])],-1),K=e("p",null,[n("19"),e("sup",null,"th"),n(" H"),e("sub",null,"2"),n("O")],-1),W={href:"https://theme-hope.vuejs.press/zh/guide/markdown/sup-sub.html",target:"_blank",rel:"noopener noreferrer"},q=e("h4",{id:"自定义对齐",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#自定义对齐"},[e("span",null,"自定义对齐")])],-1),G=e("div",{style:{"text-align":"center"}},[e("p",null,"我是居中的")],-1),Q=e("div",{style:{"text-align":"right"}},[e("p",null,"我在右对齐")],-1),U={href:"https://theme-hope.vuejs.press/zh/guide/markdown/align.html",target:"_blank",rel:"noopener noreferrer"},X=e("h4",{id:"attrs",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#attrs"},[e("span",null,"Attrs")])],-1),Y=e("p",null,[n("一个拥有 ID 的 "),e("strong",{id:"word"},"单词"),n("。")],-1),ee={href:"https://theme-hope.vuejs.press/zh/guide/markdown/attrs.html",target:"_blank",rel:"noopener noreferrer"},ne=e("h4",{id:"脚注",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#脚注"},[e("span",null,"脚注")])],-1),te=e("p",null,[n("此文字有脚注"),e("a",{href:"%E8%BF%99%E6%98%AF%E8%84%9A%E6%B3%A8%E5%86%85%E5%AE%B9"},"^first"),n(".")],-1),se={href:"https://theme-hope.vuejs.press/zh/guide/markdown/footnote.html",target:"_blank",rel:"noopener noreferrer"},re=e("h4",{id:"标记",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#标记"},[e("span",null,"标记")])],-1),ae=e("p",null,[n("你可以标记 "),e("mark",null,"重要的内容"),n(" 。")],-1),oe={href:"https://theme-hope.vuejs.press/zh/guide/markdown/mark.html",target:"_blank",rel:"noopener noreferrer"},le=e("h4",{id:"任务列表",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#任务列表"},[e("span",null,"任务列表")])],-1),he=e("li",null,[e("p",null,"[x] 计划 1")],-1),ie=e("li",null,[e("p",null,"[ ] 计划 2")],-1),de={href:"https://theme-hope.vuejs.press/zh/guide/markdown/tasklist.html",target:"_blank",rel:"noopener noreferrer"},pe=e("h3",{id:"图片增强",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#图片增强"},[e("span",null,"图片增强")])],-1),ce=e("p",null,"支持为图片设置颜色模式和大小",-1),ue={href:"https://theme-hope.vuejs.press/zh/guide/markdown/image.html",target:"_blank",rel:"noopener noreferrer"},me=e("h4",{id:"组件",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#组件"},[e("span",null,"组件")])],-1),_e={href:"https://theme-hope.vuejs.press/zh/guide/markdown/component.html",target:"_blank",rel:"noopener noreferrer"},ke=e("h4",{id:"导入文件",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#导入文件"},[e("span",null,"导入文件")])],-1),ge={href:"https://theme-hope.vuejs.press/zh/guide/markdown/include.html",target:"_blank",rel:"noopener noreferrer"},fe=e("h4",{id:"样式化",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#样式化"},[e("span",null,"样式化")])],-1),ve={href:"https://theme-hope.vuejs.press/zh/guide/markdown/stylize.html",target:"_blank",rel:"noopener noreferrer"},we=e("h4",{id:"tex-语法",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#tex-语法"},[e("span",null,"Tex 语法")])],-1),be=e("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),xe={href:"https://theme-hope.vuejs.press/zh/guide/markdown/tex.html",target:"_blank",rel:"noopener noreferrer"},je=e("h4",{id:"图表",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#图表"},[e("span",null,"图表")])],-1),Me=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/chartjs.html",width:"100%",height:"450"},null,-1),ye={href:"https://theme-hope.vuejs.press/zh/guide/markdown/chartjs.html",target:"_blank",rel:"noopener noreferrer"},ze=e("h4",{id:"echarts",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#echarts"},[e("span",null,"Echarts")])],-1),Ve=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/echarts.html",width:"100%",height:"800"},null,-1),Pe={href:"https://theme-hope.vuejs.press/zh/guide/markdown/echarts.html",target:"_blank",rel:"noopener noreferrer"},Ee=e("h4",{id:"流程图",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#流程图"},[e("span",null,"流程图")])],-1),Ae=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/flowchart.html",width:"100%",height:"450"},null,-1),Be={href:"https://theme-hope.vuejs.press/zh/guide/markdown/flowchart.html",target:"_blank",rel:"noopener noreferrer"},Te=e("h4",{id:"markmap",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#markmap"},[e("span",null,"MarkMap")])],-1),Ce=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/markmap.html",width:"100%",height:"380"},null,-1),De={href:"https://theme-hope.vuejs.press/zh/guide/markdown/markmap.html",target:"_blank",rel:"noopener noreferrer"},Ne=e("h4",{id:"mermaid",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#mermaid"},[e("span",null,"Mermaid")])],-1),Fe=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/mermaid.html",width:"100%",height:"620"},null,-1),He={href:"https://theme-hope.vuejs.press/zh/guide/markdown/mermaid.html",target:"_blank",rel:"noopener noreferrer"},Ie=e("h4",{id:"代码演示",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#代码演示"},[e("span",null,"代码演示")])],-1),Re=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/code-demo.html",width:"100%",height:"450"},null,-1),$e={href:"https://theme-hope.vuejs.press/zh/guide/markdown/demo.html",target:"_blank",rel:"noopener noreferrer"},Se=e("h4",{id:"交互演示",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#交互演示"},[e("span",null,"交互演示")])],-1),Ze=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/playground.html",width:"100%",height:"480"},null,-1),Le={href:"https://theme-hope.vuejs.press/zh/guide/markdown/playground.html",target:"_blank",rel:"noopener noreferrer"},Oe=e("h4",{id:"kotlin-交互演示",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#kotlin-交互演示"},[e("span",null,"Kotlin 交互演示")])],-1),Je=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/kotlin-playground.html",width:"100%",height:"220"},null,-1),Ke={href:"https://theme-hope.vuejs.press/zh/guide/markdown/kotlin-playground.html",target:"_blank",rel:"noopener noreferrer"},We=e("h4",{id:"vue-交互演示",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#vue-交互演示"},[e("span",null,"Vue 交互演示")])],-1),qe=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/vue-playground.html",width:"100%",height:"380"},null,-1),Ge={href:"https://theme-hope.vuejs.press/zh/guide/markdown/vue-playground.html",target:"_blank",rel:"noopener noreferrer"},Qe=e("h4",{id:"sandpack-交互演示",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#sandpack-交互演示"},[e("span",null,"Sandpack 交互演示")])],-1),Ue=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/sandpack.html",width:"100%",height:"380"},null,-1),Xe={href:"https://theme-hope.vuejs.press/zh/guide/markdown/sandpack.html",target:"_blank",rel:"noopener noreferrer"},Ye=e("h4",{id:"幻灯片",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#幻灯片"},[e("span",null,"幻灯片")])],-1),en=e("iframe",{src:"https://plugin-md-enhance-demo.vuejs.press/snippet/revealjs.html",width:"100%",height:"400"},null,-1),nn={href:"https://theme-hope.vuejs.press/zh/guide/markdown/revealjs.html",target:"_blank",rel:"noopener noreferrer"};function tn(sn,rn){const s=l("ExternalLinkIcon"),h=l("CodeTabs"),i=l("VPCard"),d=l("Badge");return c(),u("div",null,[v,w,m(" more "),b,e("p",null,[n("如果你是一个新手,还不会编写 Markdown,请先阅读 "),e("a",x,[n("Markdown 介绍"),t(s)]),n(" 和 "),e("a",j,[n("Markdown 演示"),t(s)]),n("。")]),M,y,e("div",z,[V,e("p",null,[n("Frontmatter 是 VuePress 中很重要的一个概念,如果你不了解它,你需要阅读 "),e("a",P,[n("Frontmatter 介绍"),t(s)]),n("。")])]),E,e("p",null,[n("VuePress 会使用 "),e("a",A,[n("markdown-it"),t(s)]),n(" 来解析 Markdown 内容,因此可以借助于 markdown-it 插件来实现 "),e("a",B,[n("语法扩展"),t(s)]),n(" 。")]),T,C,e("p",null,[n("关于这些扩展,请阅读 "),e("a",D,[n("VuePress 中的 Markdown 扩展"),t(s)]),n("。")]),N,e("p",null,[n("通过 "),e("a",F,[H,t(s)]),n(",主题扩展了更多 Markdown 语法,提供更加丰富的写作功能。")]),I,e("ul",null,[e("li",null,[e("a",R,[n("查看详情"),t(s)])])]),$,t(h,{id:"89",data:[{id:"pnpm"},{id:"yarn"},{id:"npm"}],active:2},{title0:r(({value:a,isActive:o})=>[n("pnpm")]),title1:r(({value:a,isActive:o})=>[n("yarn")]),title2:r(({value:a,isActive:o})=>[n("npm")]),tab0:r(({value:a,isActive:o})=>[S]),tab1:r(({value:a,isActive:o})=>[Z]),tab2:r(({value:a,isActive:o})=>[L]),_:1}),e("ul",null,[e("li",null,[e("a",O,[n("查看详情"),t(s)])])]),J,K,e("ul",null,[e("li",null,[e("a",W,[n("查看详情"),t(s)])])]),q,G,Q,e("ul",null,[e("li",null,[e("a",U,[n("查看详情"),t(s)])])]),X,Y,e("ul",null,[e("li",null,[e("a",ee,[n("查看详情"),t(s)])])]),ne,te,e("ul",null,[e("li",null,[e("a",se,[n("查看详情"),t(s)])])]),re,ae,e("ul",null,[e("li",null,[e("a",oe,[n("查看详情"),t(s)])])]),le,e("ul",null,[he,ie,e("li",null,[e("p",null,[e("a",de,[n("查看详情"),t(s)])])])]),pe,ce,e("ul",null,[e("li",null,[e("a",ue,[n("查看详情"),t(s)])])]),me,t(i,_(k({title:"Mr.Hope",desc:"Where there is light, there is hope",logo:"https://mister-hope.com/logo.svg",link:"https://mister-hope.com",background:"rgba(253, 230, 138, 0.15)"})),null,16),e("ul",null,[e("li",null,[e("a",_e,[n("查看详情"),t(s)])])]),ke,e("ul",null,[e("li",null,[e("a",ge,[n("查看详情"),t(s)])])]),fe,e("p",null,[n("向 Mr.Hope 捐赠一杯咖啡。 "),t(d,{type:"tip"},{default:r(()=>[n("Recommended")]),_:1})]),e("ul",null,[e("li",null,[e("a",ve,[n("查看详情"),t(s)])])]),we,be,e("ul",null,[e("li",null,[e("a",xe,[n("查看详情"),t(s)])])]),je,Me,e("ul",null,[e("li",null,[e("a",ye,[n("查看详情"),t(s)])])]),ze,Ve,e("ul",null,[e("li",null,[e("a",Pe,[n("查看详情"),t(s)])])]),Ee,Ae,e("ul",null,[e("li",null,[e("a",Be,[n("查看详情"),t(s)])])]),Te,Ce,e("ul",null,[e("li",null,[e("a",De,[n("查看详情"),t(s)])])]),Ne,Fe,e("ul",null,[e("li",null,[e("a",He,[n("查看详情"),t(s)])])]),Ie,Re,e("ul",null,[e("li",null,[e("a",$e,[n("查看详情"),t(s)])])]),Se,Ze,e("ul",null,[e("li",null,[e("a",Le,[n("查看详情"),t(s)])])]),Oe,Je,e("ul",null,[e("li",null,[e("a",Ke,[n("View Detail"),t(s)])])]),We,qe,e("ul",null,[e("li",null,[e("a",Ge,[n("查看详情"),t(s)])])]),Qe,Ue,e("ul",null,[e("li",null,[e("a",Xe,[n("查看详情"),t(s)])])]),Ye,en,e("ul",null,[e("li",null,[e("a",nn,[n("查看详情"),t(s)])])])])}const ln=p(f,[["render",tn],["__file","markdown.html.vue"]]),hn=JSON.parse('{"path":"/demo/markdown.html","title":"Markdown 展示","lang":"zh-CN","frontmatter":{"title":"Markdown 展示","icon":"fab fa-markdown","order":2,"category":["使用指南"],"tag":["Markdown"],"gitInclude":["README.md"],"description":"VuePress 主要从 Markdown 文件生成页面。因此,你可以使用它轻松生成文档或博客站点。 你应该创建和编写 Markdown 文件,以便 VuePress 可以根据文件结构将它们转换为不同的页面。 Markdown 介绍 如果你是一个新手,还不会编写 Markdown,请先阅读 Markdown 介绍 和 Markdown 演示。 Mark...","head":[["meta",{"property":"og:url","content":"https://vuepress-theme-hope-docs-demo.netlify.app/demo/markdown.html"}],["meta",{"property":"og:site_name","content":"文档演示"}],["meta",{"property":"og:title","content":"Markdown 展示"}],["meta",{"property":"og:description","content":"VuePress 主要从 Markdown 文件生成页面。因此,你可以使用它轻松生成文档或博客站点。 你应该创建和编写 Markdown 文件,以便 VuePress 可以根据文件结构将它们转换为不同的页面。 Markdown 介绍 如果你是一个新手,还不会编写 Markdown,请先阅读 Markdown 介绍 和 Markdown 演示。 Mark..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"zh-CN"}],["meta",{"property":"og:updated_time","content":"2024-03-28T02:50:19.000Z"}],["meta",{"property":"article:author","content":"Mr.Hope"}],["meta",{"property":"article:tag","content":"Markdown"}],["meta",{"property":"article:modified_time","content":"2024-03-28T02:50:19.000Z"}],["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"Markdown 展示\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2024-03-28T02:50:19.000Z\\",\\"author\\":[{\\"@type\\":\\"Person\\",\\"name\\":\\"Mr.Hope\\",\\"url\\":\\"https://mister-hope.com\\"}]}"]]},"headers":[{"level":2,"title":"Markdown 介绍","slug":"markdown-介绍","link":"#markdown-介绍","children":[]},{"level":2,"title":"Markdown 配置","slug":"markdown-配置","link":"#markdown-配置","children":[]},{"level":2,"title":"Markdown 扩展","slug":"markdown-扩展","link":"#markdown-扩展","children":[{"level":3,"title":"VuePress 扩展","slug":"vuepress-扩展","link":"#vuepress-扩展","children":[]},{"level":3,"title":"主题扩展","slug":"主题扩展","link":"#主题扩展","children":[]},{"level":3,"title":"图片增强","slug":"图片增强","link":"#图片增强","children":[]}]}],"git":{"createdTime":1711585604000,"updatedTime":1711594219000,"contributors":[{"name":"snowy","email":"snowykami@outlook.com","commits":6}]},"readingTime":{"minutes":3.08,"words":924},"filePathRelative":"demo/markdown.md","localizedDate":"2024年3月28日","autoDesc":true}');export{ln as comp,hn as data};