Skip to main content
heroBefore Slot
heroBg Slot

{ "image": "//theme-hope-assets.vuejs.press/hero/default.jpg", "imageDark": null, "style": null }

heroLogo Slot

{ "image": "https://theme-hope-assets.vuejs.press/logo.svg", "imageDark": null, "style": null, "alt": "" }

heroInfo Slot

{ "text": "vuepress-theme-hope", "tagline": "A VuePress theme with tons of features✨", "style": null, "isFullScreen": false }

heroAfter Slot
articlesBefore Slot
Media

VuePress Theme Hope allows you to embed videos, audios and PDF documents with [@vuepress/plugin-media][media].

Mr.Hope9/24/26About 1 minFeatureFeatureMedia
Code Tree

Put the code blocks of several files together with a file tree.

Mr.Hope9/24/26About 1 minMarkdownCode TreeMarkdown
File Tree

Display a directory structure in your VuePress site.

Mr.Hope9/24/26Less than 1 minuteMarkdownFile TreeMarkdown
Fields

Describe fields of an object in your VuePress site.

Mr.Hope9/24/26Less than 1 minuteMarkdownFieldsMarkdown
Layout

Create flexbox, grid and multi-column layouts with directives.

Mr.Hope9/24/26Less than 1 minuteMarkdownLayoutMarkdown
Steps

Show content as progressive steps.

Mr.Hope9/24/26Less than 1 minuteMarkdownStepsMarkdown
Preview

The theme provides you preview support.

Mr.Hope6/5/25Less than 1 minuteMarkdownCode TabsMarkdown
articlesAfter Slot
contentBefore Slot

This page shows how to use slots to customize the content of a blog home page.

Other blog pages (article, category, tags, timeline) also have similar slots.

contentAfter Slot
MIT Licensed | Copyright © 2019-present Mr.Hope