Other features

Print Button

Try it:

The theme fully optimize style for print, and there will be a print button at toc in desktop mode by default.

To hide print button, you should set print: false in theme options.

Fullscreen Button

Full Screen

If you need it, you can enable it by setting fullscreen: true in theme options.

Tips

If the current browser does not support full screen, the full screen button is automatically hidden.

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

export default defineUserConfig({
  theme: hopeTheme({
    fullscreen: true,
  }),
});

// .vuepress/config.js
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";

export default defineUserConfig({
  theme: hopeTheme({
    fullscreen: true,
  }),
});

Back to top button

vuepress-theme-hope adds a back-to-top button with progress bar which will display after scrolling down 100px by default.

You can set backToTop: false in theme options to disable it, or set it with an object to customize its threshold distance and progress bar display:

interface BackToTopOptions {
  /**
   * Scroll threshold distance to display back to top button (in pixels)
   *
   * @default 100
   */
  threshold?: number;

  /**
   * Whether display scroll progress
   *
   * @default true
   */
  progress?: boolean;
}

RTL Layout

vuepress-theme-hope fully supports RTL layout. Just set rtl: true in rtl locales.

Try it: