2024-03-28 08:32:35 +08:00
<!doctype html>
< html lang = "zh-CN" data-theme = "light" >
< head >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width,initial-scale=1" / >
< meta name = "generator" content = "VuePress 2.0.0-rc.9" / >
< meta name = "theme" content = "VuePress Theme Hope 2.0.0-rc.32" / >
< style >
html {
background: var(--bg-color, #fff);
}
html[data-theme="dark"] {
background: var(--bg-color, #1d1e1f);
}
body {
background: var(--bg-color);
}
< / style >
< script >
const userMode = localStorage.getItem("vuepress-theme-hope-scheme");
const systemDarkMode =
window.matchMedia & &
window.matchMedia("(prefers-color-scheme: dark)").matches;
if (userMode === "dark" || (userMode !== "light" & & systemDarkMode)) {
document.documentElement.setAttribute("data-theme", "dark");
}
< / script >
2024-03-28 08:40:22 +08:00
< meta property = "og:url" content = "https://vuepress-theme-hope-docs-demo.netlify.app/demo/page.html" > < meta property = "og:site_name" content = "文档演示" > < 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 = "twitter:image:alt" content = "页面配置" > < meta property = "article:author" content = "Ms.Hope" > < meta property = "article:tag" content = "页面配置" > < meta property = "article:tag" content = "使用指南" > < meta property = "article:published_time" content = "2020-01-01T00:00:00.000Z" > < meta property = "article:modified_time" content = "2024-03-28T00:31:49.000Z" > < script type = "application/ld+json" > { "@context" : "https://schema.org" , "@type" : "Article" , "headline" : "页面配置" , "image" : [ "https://vuepress-theme-hope-docs-demo.netlify.app/assets/images/cover1.jpg" ] , "datePublished" : "2020-01-01T00:00:00.000Z" , "dateModified" : "2024-03-28T00:31:49.000Z" , "author" : [ { "@type" : "Person" , "name" : "Ms.Hope" } ] } < / script > < title > 页面配置 | 文档演示< / title > < meta name = "description" content = "more 注释之前的内容被视为文章摘要。 页面标题 The first H1 title in Markdown will be regarded as page title. Markdown 中的第一个 H1 标题会被视为页面标题。 你可以在 Markdown 的 Frontmatter 中设置页面标题。 页面信息 你可以在 Markdown 的 ..." >
< link rel = "preload" href = "/assets/style-DhAQpFep.css" as = "style" > < link rel = "stylesheet" href = "/assets/style-DhAQpFep.css" >
< link rel = "modulepreload" href = "/assets/app-DJ5ILVPY.js" > < link rel = "modulepreload" href = "/assets/page.html-BZEw4aJ6.js" > < link rel = "modulepreload" href = "/assets/plugin-vue_export-helper-DlAUqK2U.js" >
< link rel = "prefetch" href = "/assets/index.html-CBMKlOCt.js" as = "script" > < link rel = "prefetch" href = "/assets/index.html-CvO2EmYE.js" as = "script" > < link rel = "prefetch" href = "/assets/disable.html-DbezXN8G.js" as = "script" > < link rel = "prefetch" href = "/assets/encrypt.html-CHwqBRbY.js" as = "script" > < link rel = "prefetch" href = "/assets/layout.html-CVfalKHG.js" as = "script" > < link rel = "prefetch" href = "/assets/markdown.html-CfG7I8QY.js" as = "script" > < link rel = "prefetch" href = "/assets/index.html-CBgBHhq2.js" as = "script" > < link rel = "prefetch" href = "/assets/index.html-coymyXY_.js" as = "script" > < link rel = "prefetch" href = "/assets/baz.html-miuOOm69.js" as = "script" > < link rel = "prefetch" href = "/assets/index.html-DzFykgsA.js" as = "script" > < link rel = "prefetch" href = "/assets/ray.html-0PtkpEQa.js" as = "script" > < link rel = "prefetch" href = "/assets/404.html-_hzwbm5g.js" as = "script" > < link rel = "prefetch" href = "/assets/giscus-7BMGhbDA.js" as = "script" > < link rel = "prefetch" href = "/assets/photoswipe.esm-SzV8tJDW.js" as = "script" >
2024-03-28 08:32:35 +08:00
< / head >
< body >
2024-03-28 08:40:22 +08:00
< div id = "app" > <!-- [ --> <!-- [ --> <!-- [ --> < span tabindex = "-1" > < / span > < a href = "#main-content" class = "vp-skip-link sr-only" > 跳至主要內容< / a > <!-- ] --> < div class = "theme-container has-toc" > <!-- [ --> < header id = "navbar" class = "vp-navbar" > < div class = "vp-navbar-start" > < button type = "button" class = "vp-toggle-sidebar-button" title = "Toggle Sidebar" > < span class = "icon" > < / span > < / button > <!-- [ --> <!-- --> <!-- ] --> <!-- [ --> < a class = "route-link vp-brand" href = "/" > < img class = "vp-nav-logo" src = "https://theme-hope-assets.vuejs.press/logo.svg" alt > <!-- --> < span class = "vp-site-name hide-in-pad" > 文档演示< / span > < / a > <!-- ] --> <!-- [ --> <!-- --> <!-- ] --> < / div > < div class = "vp-navbar-center" > <!-- [ --> <!-- --> <!-- ] --> <!-- [ --> < nav class = "vp-nav-links" > < div class = "nav-item hide-in-mobile" > < a class = "route-link nav-link" href = "/" aria-label = "项目主页" > < span class = "font-icon icon fa-fw fa-sm fas fa-home" style = "" > < / span > 项目主页<!-- --> < / a > < / div > < div class = "nav-item hide-in-mobile" > < a class = "route-link nav-link active" href = "/demo/" aria-label = "主要功能与配置演示" > < span class = "font-icon icon fa-fw fa-sm fas fa-laptop-code" style = "" > < / span > 主要功能与配置演示<!-- --> < / a > < / div > < div class = "nav-item hide-in-mobile" > < div class = "dropdown-wrapper" > < button type = "button" class = "dropdown-title" aria-label = "指南" > < span class = "title" > < span class = "font-icon icon fa-fw fa-sm fas fa-lightbulb" style = "" > < / span > 指南< / span > < span class = "arrow" > < / span > < ul class = "nav-dropdown" > < li class = "dropdown-item" > < h4 class = "dropdown-subtitle" > < span > Bar< / span > < / h4 > < ul class = "dropdown-subitem-wrapper" > < li class = "dropdown-subitem" > < a class = "route-link nav-link" href = "/guide/bar/baz.html" aria-label = "Baz" > < span class = "font-icon icon fa-fw fa-sm fas fa-circle-info" style = "" > < / span > Baz<!-- --> < / a > < / li > < li class = "dropdown-subitem" > < a class = "route-link nav-link" href = "/guide/bar/" aria-label = "..." > < span class = "font-icon icon fa-fw fa-sm fas fa-ellipsis" style = "" > < / span > ...<!-- --> < / a > < / li > < / ul > < / li > < li class = "dropdown-item" > < h4 class = "dropdown-subtitle" > < span > Foo< / span > < / h4 > < ul class = "dropdown-subitem-wrapper" > < li class = "dropdown-subitem" > < a class = "route-link nav-link" href = "/guide/foo/ray.html" aria-label = "Ray" > < span class = "font-icon icon fa-fw fa-sm fas fa-circle-info" style = "" > < / span > Ray<!-- --> < / a > < / li > < li class = "dropdown-subitem" > < a class = "route-link nav-link" href = "/guide/foo/" aria-label = "..." > < span class = "font-icon icon fa-fw fa-sm fas fa-ellipsis" style = "" > < / span > ...<!-- --> < / a > < / li > < / ul > < / li > < / ul > < / button > < / div > < / div > < div class = "nav-item hide-in-mobile" > < a href = "https://theme-hope.vuejs.press/zh/" rel = "noopener noreferrer" target = "_blank" aria-label = "V2 文档" class = "nav-link" > < span class = "font-icon icon fa-fw fa-sm fas fa-book" style = "" > < / span > V2 文档< span > < svg class = "external-link-icon" xmlns = "http://www.w3.org/2000/svg" aria-hidden = "true" focusable = "false" x = "0px" y = "0px" viewBox = "0 0 100 100" width = "15" height = "15" > < path fill = "currentColor" d = "M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z" > < / path > < polygon fill = "currentColor" points = "45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9" > < / polygon > < / svg > < span class = "external-link-icon-sr-only" > open in new window< / span > < / span > <!-- --> < / a > < / div > < / nav > <!-- ] --> <!-- [ --> <!-- --> <!-- ] --> < / div > < div class = "vp-navbar-end" > <!-- [ --> <!-- --> <!-- ] --> <!-- [ --> <!-- --> < div class = "nav-item vp-repo" > < a class = "vp-repo-link" href = "https://github.com/vuepress-theme-hope/vuepress-theme-hope" target = "_blank" rel = "noopener noreferrer" aria-label = "GitHub" > < svg xmlns = "http://www.w3.org/2000/svg" class = "icon github-icon" viewBox = "0 0 1024 1024" fill = "currentColor" aria-label = "github icon" style = "width:1.25rem;height:1.25rem;vertical-align:middle;" > < path d = "M511.957 21 . 333C241 . 024 21 . 333 21 . 333 240 . 981 21 . 333 512c0 216 . 832 140 . 544 400 . 725 335 . 574 465 . 664 24 . 49 4 . 395 32 . 256-10 . 07 32 . 256-23 . 083 0-11 . 69 . 256-44 . 245 0-85 . 205-136 . 448 29 . 61-164 . 736-64 . 64-164 . 736-64 . 64-22 . 315-56 . 704-54 . 4-71 . 765-54 . 4-71 . 765-44 . 587-30 . 464 3 . 285-29 . 824 3 . 285-29 . 824 49
2024-03-28 08:32:35 +08:00
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 页面标题< / span >
< span class = "token punctuation" > ---< / span > < / span >
2024-03-28 08:40:22 +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 > <!-- markdownlint - disable MD033 --> < ul > <!-- [ --> < li > 1< / li > < li > 2< / li > < li > 3< / li > <!-- ] --> < / ul > <!-- markdownlint - enable MD033 --> < p > 你也可以创建并引入你自己的组件。< / p > <!-- [ --> < p > < span > 输入: < / span > < input value = "Hello world!" > < / p > < p > < span > 输出: < / span > Hello world!< / p > <!-- ] --> < hr > < p > 主题包含一些有用的组件。这里是一些例子:< / p > < ul > < li > < p > 文字结尾应该有深蓝色的 徽章文字 徽章。 < span class = "vp-badge info diy" style = "background-color:#242378;" > 徽章文字< / span > < / p > < / li > < li > < p > 一个卡片:< / p > < a class = "vp-card" href = "https://mister-hope.com" target = "_blank" style = "background:rgba(253, 230, 138, 0.15);" > < img class = "vp-card-logo" src = "https://mister-hope.com/logo.svg" loading = "lazy" no-view > < div class = "vp-card-content" > < div class = "vp-card-title" > Mr.Hope< / div > < hr > < div class = "vp-card-desc" > Where there is light, there is hope< / div > < / div > < / a > < / li > < / ul > < / div > <!-- [ --> <!-- --> <!-- ] --> < footer class = "page-meta" > < div class = "meta-item edit-link" > < a href = "https://github.com/vuepress-theme-hope/vuepress-theme-hope/edit/main/src/demo/page.md" rel = "noopener noreferrer" target = "_blank" aria-label = "在 GitHub 上编辑此页" class = "nav-link label" > <!-- [ --> < svg xmlns = "http://www.w3.org/2000/svg" class = "icon edit-icon" viewBox = "0 0 1024 1024" fill = "currentColor" aria-label = "edit icon" > < path d = "M430.818 653.65a60.46 60.46 0 0 1-50.96-93.281l71.69-114.012 7.773-10.365L816.038 80.138A60.46 60.46 0 0 1 859.225 62a60.46 60.46 0 0 1 43.186 18.138l43.186 43.186a60.46 60.46 0 0 1 0 86.373L588.879 565.55l-8.637 8.637-117.466 68.234a60.46 60.46 0 0 1-31.958 11.229z" > < / path > < path d = "M728.802 962H252.891A190.883 190.883 0 0 1 62.008 771.98V296.934a190.883 190.883 0 0 1 190.883-192.61h267.754a60.46 60.46 0 0 1 0 120.92H252.891a69.962 69.962 0 0 0-69.098 69.099V771.98a69.962 69.962 0 0 0 69.098 69.098h475.911A69.962 69.962 0 0 0 797.9 771.98V503.363a60.46 60.46 0 1 1 120.922 0V771.98A190.883 190.883 0 0 1 728.802 962z" > < / path > < / svg > <!-- ] --> 在 GitHub 上编辑此页< span > < svg class = "external-link-icon" xmlns = "http://www.w3.org/2000/svg" aria-hidden = "true" focusable = "false" x = "0px" y = "0px" viewBox = "0 0 100 100" width = "15" height = "15" > < path fill = "currentColor" d = "M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z" > < / path > < polygon fill = "currentColor" points = "45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9" > < / polygon > < / svg > < span class = "external-link-icon-sr-only" > open in new window< / span > < / span > <!-- --> < / a > < / div > < div class = "meta-item git-info" > < div class = "update-time" > < span class = "label" > 上次编辑于: < / span > <!-- --> < / div > < div class = "contributors" > < span class = "label" > 贡献者: < / span > <!-- [ --> <!-- [ --> < span class = "contributor" title = "email: snowykami@outlook.com" > snowy< / span > <!-- ] --> < !-
< script type = "module" src = "/assets/app-DJ5ILVPY.js" defer > < / script >
2024-03-28 08:32:35 +08:00
< / body >
< / html >
