Other features
Less than 1 minute
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
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: