Pageviews and comments 💬
Start pageview statistics and comment support with Valine and Vssue
Article information display ℹ
Add author, writing date, reading time, word count and other information to your article
Markdown Enhance 🧰
Add align, sup/sub script, footnote, tex, flowchart, mark and presentation support in markdown
Blog support 📝
Add date, tags and category to your articles, then article, tag, category and timeline list will be auto generated
Article Encryption 🔐
Encrypt you article based on path and folders, so that only the one you want could see them
Custom theme color 🎨
Supports custom theme colors and allows users to switch between preset theme colors
Dark Mode 🌙
Switch between light and dark modes freely
SEO enhancement and Sitemap 🗺
The theme can automatically generate a Sitemap for your website, and optimize the resulting web page for search engines.
Feed support 📡
You can generate feed, and let users to subcribe it
PWA support 📲
The built-in PWA plugin will make your website more like an APP.
TS support 🔧
Turn on TypeScript support for your VuePress
More new features ✨
Including icon support, path navigation, footer support, fullscreen button, blog homepage, etc.
You can use vuepress-theme-hope template (opens new window) directly to start your VuePress journey.
# 🛠Install
npm i -D vuepress-theme-hope
Or
yarn add -D vuepress-theme-hope
# 🚀Usage
// .vuepress/config.js
const { config } = require("vuepress-theme-hope");
module.exports = config({
// your config here
});
2
3
4
5
6
Tips
The purpose of introducing the config
function is to give you full hints through TS’s Interface and JSDoc when you edit the configuration.
At the same time, the config
function will also complete some default configurations for your current configuration which will pass directly to VuePress.
You can view Config of this site (opens new window) as an example.