# 页面配置 | 文档演示
more 注释之前的内容被视为文章摘要。 页面标题 The first H1 title in Markdown will be regarded as page title. Markdown 中的第一个 H1 标题会被视为页面标题。 你可以在 Markdown 的 Frontmatter 中设置页面标题。 页面信息 你可以在 Markdown 的 ...

跳至主要內容

- 项目主页

- 案例

  - 布局
  - Markdown 展示
  - 页面配置
  - 布局与功能禁用
  - 密码加密的文章

- 文档

  - 指南
- 幻灯片
  open in new window

# 页面配置

Ms.Hope
大约 2 分钟
使用指南
页面配置使用指南

此页内容

- 页面标题
- 页面信息
- 页面内容
- 组件

`more` 注释之前的内容被视为文章摘要。

## 页面标题

The first H1 title in Markdown will be regarded as page title.

Markdown 中的第一个 H1 标题会被视为页面标题。

你可以在 Markdown 的 Frontmatter 中设置页面标题。

    ---
    title: 页面标题
    ---

## 页面信息

你可以在 Markdown 的 Frontmatter 中设置页面信息。

- 作者设置为 Ms.Hope。
- 写作日期为 2020 年 1 月 1 日
- 分类为 “使用指南”
- 标签为 “页面配置” 和 “使用指南”

## 页面内容

你可以自由在这里书写你的 Markdown。

图片引入

- 你可以将图片和 Markdown 文件放置在一起使用相对路径进行引用。
- 对于 `.vuepress/public` 文件夹的图片，请使用绝对链接 `/` 进行引用。

## 组件

每个 Markdown 页面都会被转换为一个 Vue 组件，这意味着你可以在 Markdown 中使用 Vue 语法：

2

- 1
- 2
- 3

你也可以创建并引入你自己的组件。

输入:

输出: Hello world!

主题包含一些有用的组件。这里是一些例子:

- 文字结尾应该有深蓝色的 徽章文字 徽章。 徽章文字

- 一个卡片:

  Mr.Hope

  Where there is light, there is hope