Preview

Less than 1 minute

The theme provides you preview support.

Settings

.vuepress/theme.ts
import { hopeTheme
 } from "vuepress-theme-hope";

export default hopeTheme
({
  markdown
: {
    preview
: true,
  },
});

You can use a preview container to display a piece of content and it's source code.

If the displayed code differs from the source code of content, you can also use <VPPreview> component with its code and content slots.

:::: preview

Some content here.

Optional title

Some content here.

Hello, world!

document.innerHTML = "Hello, world!";

::::

6/5/25, 5:15 AM

View All Changelog