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:52:44 +08:00
< 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 = "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 > 页面配置 | LiteyukiBot< / title > < meta name = "description" content = "more 注释之前的内容被视为文章摘要。 页面标题 The first H1 title in Markdown will be regarded as page title. Markdown 中的第一个 H1 标题会被视为页面标题。 你可以在 Markdown 的 Frontmatter 中设置页面标题。 页面信息 你可以在 Markdown 的 ..." >
2024-03-28 08:40:22 +08:00
< link rel = "preload" href = "/assets/style-DhAQpFep.css" as = "style" > < link rel = "stylesheet" href = "/assets/style-DhAQpFep.css" >
2024-03-28 08:52:44 +08:00
< link rel = "modulepreload" href = "/assets/app-B7iC41kl.js" > < link rel = "modulepreload" href = "/assets/page.html-DZC5clFk.js" > < link rel = "modulepreload" href = "/assets/plugin-vue_export-helper-DlAUqK2U.js" >
< link rel = "prefetch" href = "/assets/index.html-BJYMwTRK.js" as = "script" > < link rel = "prefetch" href = "/assets/index.html-DbMiLVwt.js" as = "script" > < link rel = "prefetch" href = "/assets/disable.html-Cg_KBKFb.js" as = "script" > < link rel = "prefetch" href = "/assets/encrypt.html-C2GBxpsy.js" as = "script" > < link rel = "prefetch" href = "/assets/layout.html-yZrxPowe.js" as = "script" > < link rel = "prefetch" href = "/assets/markdown.html-C3BHxMpV.js" as = "script" > < link rel = "prefetch" href = "/assets/index.html-DGEuSZDx.js" as = "script" > < link rel = "prefetch" href = "/assets/index.html-DKFgPGy5.js" as = "script" > < link rel = "prefetch" href = "/assets/baz.html-BgaEade2.js" as = "script" > < link rel = "prefetch" href = "/assets/index.html-DzE-g57p.js" as = "script" > < link rel = "prefetch" href = "/assets/ray.html-DqcWK_5E.js" as = "script" > < link rel = "prefetch" href = "/assets/404.html-CGpq_guU.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:52:44 +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" > LiteyukiBot< / 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 > < / 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.195 3.413 75.179 50.517 75.179 50.517 43.776 75.008 114.816 53.333 142.762 40.79 4.523-31.66 17.152-53.377 31.19-65.537-108.971-12.458-223.488-54.485-223.488-242.602 0-53.547 19.114-97.323 50.517-131.67-5.035-12.33-21.93-62.293 4.779-129.834 0 0 41.258-13.184 134.912 50.346a469.803 469.803 0 0 1 122.88-16.554c41.642.213 83.626 5.632 122.88 16.554 93.653-63.488 134.784-50.346 134.784-50.346 26.752 67.541 9.898 117.504 4.864 129.834 31.402 34.347 50.474 78.123 50.474 131.67 0 188.586-114.73 230.016-224.042 242.09 17.578 15.232 33.578 44.672 33.578 90.454v135.85c0 13.142 7.936 27.606 32.854 22.87C862.25 912.597 1002.667 728.747 1002.667 512c0-271.019-219.648-490.667-490.71-490.667z" > < / path > < / svg > < / a > < / div > < div class = "nav-item hide-in-mobile" > < button type = "button" id = "appearance-switch" > < svg xmlns = "http://www.w3.org/2000/svg" class = "icon auto-icon" viewBox = "0 0 1024 1024" fill = "currentColor" aria-label = "auto icon" style = "display:block;" > < path d = "M512 992C246.92 992 32 777.08 32 512S246.92 32 512 32s480 214.92 480 480-214.92 480-480 480zm0-840c-198.78 0-360 161.22-360 360 0 198.84 161.22 360 360 360s360-161.16 360-360c0-198.78-161.22-360-360-360zm0 660V212c165.72 0 300 134.34 300 300 0 165.72-134.28 300-300 300z" > < / path > < / svg > < svg xmlns = "http://www.w3.org/2000/svg" class = "icon dark-icon" viewBox = "0 0 1024 1024" fill = "currentColor" aria-label = "dark icon" style = "display:none;" > < path d = "M524.8 938.667h-4.267a439.893 439.893 0 0 1-313.173-134.4 446.293 446.293 0 0 1-11.093-597.334A432.213 432.213 0 0 1 366.933 90.027a42.667 42.667 0 0 1 45.227 9.386 42.667 42.667 0 0 1 10.24 42.667 358.4 358.4 0 0 0 82.773 375.893 361.387 361.387 0 0 0 376.747 82.774 42.667 42.667 0 0 1 54.187 55.04 433.493 433.493 0 0 1-99.84 154.88 438.613 438.613 0 0 1-311.467 128z" > < / path > < / svg > < svg xmlns = "http://www.w3.org/2000/svg" class = "icon light-icon" viewBox = "0 0 1024 1024" fill = "currentColor" aria-label = "light icon" style = "display:none;" > < path d = "M952 552h-80a40 40 0 0 1 0-80h80a40 40 0 0 1 0 80zM801 . 88 280 . 08a41 41 0 0 1-57 . 96-57 . 96l57 . 96-58a41 . 04 41 . 04 0 0 1 58 58l-58 57 . 96zM512 752a240 240 0 1 1 0-480 240 240 0 0 1 0 480zm0-560a40 40 0 0 1-40
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 > <!-- ] --> < !-
2024-03-28 08:52:44 +08:00
< script type = "module" src = "/assets/app-B7iC41kl.js" defer > < / script >
2024-03-28 08:32:35 +08:00
< / body >
< / html >
