Page

Mr.Hope ... 2020-1-27 Layout
  • Page
  • Layout
Less than 1 minute

# Icon support

You can configure the icon field in the frontmatter of the page, and fill in the FontClass of the corresponding icon to bind the icon to the page.

Example
---
icon: home
---
1
2
3

This icon is used in navbar, sidebar, breadcrumb and page title.

Info

For icon settings, please see Icon Support

# Page Info Display

Please see Page Info Section

Please see Breadcrumb.

# Heading list

In desktop mode, a list of article headings will automatically be displayed on the right side of the screen. (They will be placed in the sidebar on mobile devices)

If you don’t want to display the title list on the right in desktop mode, please set themeConfig.toc to false.

You can also set toc in Front matter on specific pages.

# Contributors and Last Updated Time

Please see Git info plugin.

Prev and next links are automatically inferred based on the sidebar order of the active page. You can also explicitly overwrite or disable them globally with theme config or on specific pages using Front matter:

---
prev: ./some-other-page
next: false
---
1
2
3
4

# Comment

Please see Comment section for details.

# Custom Layout for Specific Pages

By default the content of each *.md file is rendered in a <div class="page"> container, along with the sidebar, auto-generated edit links and prev/next links. To use a fully custom component in place of the page, you can again specify the component to use using YAML front matter:

---
layout: SpecialLayout
---
1
2
3

This will render .vuepress/components/SpecialLayout.vue for the given page.

Last update: June 6, 2022 17:10
Contributors: Mr.Hope , Mr.Hope