2024-03-28 08:52:44 +08:00
|
|
|
|
import{_ as h}from"./plugin-vue_export-helper-DlAUqK2U.js";import{r as l,o as i,c as p,b as o,d as e,F as g,h as k,a as r,u as v,f as d,n as _,g as y,e as w,t as f,i as M,j as b,k as t}from"./app-B7iC41kl.js";const T=e("p",null,[e("code",null,"more"),d(" 注释之前的内容被视为文章摘要。")],-1),H=w(`<h2 id="页面标题" tabindex="-1"><a class="header-anchor" href="#页面标题"><span>页面标题</span></a></h2><p>The first H1 title in Markdown will be regarded as page title.</p><p>Markdown 中的第一个 H1 标题会被视为页面标题。</p><p>你可以在 Markdown 的 Frontmatter 中设置页面标题。</p><div class="language-markdown line-numbers-mode" data-ext="md" data-title="md"><pre class="language-markdown"><code><span class="token front-matter-block"><span class="token punctuation">---</span>
|
2024-03-28 08:52:44 +08:00
|
|
|
|
</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></div><h2 id="页面信息" tabindex="-1"><a class="header-anchor" href="#页面信息"><span>页面信息</span></a></h2><p>你可以在 Markdown 的 Frontmatter 中设置页面信息。</p><ul><li>作者设置为 Ms.Hope。</li><li>写作日期为 2020 年 1 月 1 日</li><li>分类为 “使用指南”</li><li>标签为 “页面配置” 和 “使用指南”</li></ul><h2 id="页面内容" tabindex="-1"><a class="header-anchor" href="#页面内容"><span>页面内容</span></a></h2><p>你可以自由在这里书写你的 Markdown。</p><div class="hint-container tip"><p class="hint-container-title">图片引入</p><ul><li>你可以将图片和 Markdown 文件放置在一起使用相对路径进行引用。</li><li>对于 <code>.vuepress/public</code> 文件夹的图片,请使用绝对链接 <code>/</code> 进行引用。</li></ul></div><h2 id="组件" tabindex="-1"><a class="header-anchor" href="#组件"><span>组件</span></a></h2><p>每个 Markdown 页面都会被转换为一个 Vue 组件,这意味着你可以在 Markdown 中使用 Vue 语法:</p><p>2</p>`,14),x=e("p",null,"你也可以创建并引入你自己的组件。",-1),V=e("hr",null,null,-1),C=e("p",null,"主题包含一些有用的组件。这里是一些例子:",-1),N=e("p",null,"一个卡片:",-1),P={__name:"page.html",setup(j){const c=M({setup(){const a=b("Hello world!"),s=n=>{a.value=n.target.value};return()=>[t("p",[t("span","输入: "),t("input",{value:a.value,onInput:s})]),t("p",[t("span","输出: "),a.value])]}});return(a,s)=>{const n=l("Badge"),m=l("VPCard");return i(),p("div",null,[T,o(" more "),H,o(" markdownlint-disable MD033 "),e("ul",null,[(i(),p(g,null,k(3,u=>e("li",null,f(u),1)),64))]),o(" markdownlint-enable MD033 "),x,r(v(c)),V,C,e("ul",null,[e("li",null,[e("p",null,[d("文字结尾应该有深蓝色的 徽章文字 徽章。 "),r(n,{text:"徽章文字",color:"#242378"})])]),e("li",null,[N,r(m,_(y({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)])])])}}},Z=h(P,[["__file","page.html.vue"]]),D=JSON.parse('{"path":"/demo/page.html","title":"页面配置","lang":"zh-CN","frontmatter":{"title":"页面配置","cover":"/assets/images/cover1.jpg","icon":"file","order":3,"author":"Ms.Hope","date":"2020-01-01T00:00:00.000Z","category":["使用指南"],"tag":["页面配置","使用指南"],"sticky":true,"star":true,"footer":"这是测试显示的页脚","copyright":"无版权","description":"more 注释之前的内容被视为文章摘要。 页面标题 The first H1 title in Markdown will be regarded as page title. Markdown 中的第一个 H1 标题会被视为页面标题。 你可以在 Markdown 的 Frontmatter 中设置页面标题。 页面信息 你可以在 Markdown 的 ...","head":[["meta",{"property":"og:url","content":"https://vuepress-theme-hope-docs-demo.netlify.app/demo/page.html"}],["meta",{"property":"og:site_name","content":"LiteyukiBot"}],["meta",{"property":"og:title","content":"页面配置"}],["meta",{"property":"og:description","content":"more 注释之前的内容被视为文章摘要。 页面标题 The first H1 title in Markdown will be regarded as page title. Markdown 中的第一个 H1 标题会被视为页面标题。 你可以在 Markdown 的 Frontmatter 中设置页面标题。 页面信息 你可以在 Markdown 的 ..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:image","content":"https://vuepress-theme-hope-docs-demo.netlify.app/assets/images/cover1.jpg"}],["meta",{"property":"og:locale","content":"zh-CN"}],["meta",{"property":"og:updated_time","content":"2024-03-28T00:31:49.000Z"}],["meta",{"name":"twitter:card","content":"summary_large_image"}],["meta",{"name":"twitter:image:src","content":"https://vuepress-theme-hope-docs-demo.netlify.app/assets/images/cover1.jpg"}],["meta",{"name":"twitt
|