Guide
Tips
If you met a bug while using, you can open an issue here (opens new window)
# ✨Theme Features
The theme maintains the style of the @vuepress/theme-default
, and adds a lot of features and optimizations:
# Markdown Enhance
Added more syntax to Markdown, enriching documentation and blog writing
- Badge
<Badge />
: Added color support - CodeGroup
<CodeGroup />
- Tex Support
- Custom alignment
- Flow chart
- Mark
- Subsript and Supercript
- Code demo
- Presentation
# Layout
Optimization of other built-in components
Add:
-
- Features have new animations and support jump
- Multiple action buttons
- Widescreen layout optimization
# Interface
Theme colors, allowing you to switch dynamically during browsing
Dark mode, allowing you to switch manually or apply automatically according to device settings
# Page Enhance
Picture preview feature, supports zooming, dragging, sliding browsing, sharing and downloading
-
- Reading Counts
- Author and writing date
- Automatically generated word count and estimated reading time
- Tags and Categorys
# Features
# Blog
# 🧩Build-in Plugins
The theme also includes the following plugins, you can use them in other themes or directly.
@mr-hope/vuepress-plugin-comment (opens new window): Comment and page info feature
@mr-hope/vuepress-plugin-component: Provide some out of box plugins
@mr-hope/vuepress-plugin-copy-code (opens new window): Provide copy button for code blocks
@mr-hope/vuepress-plugin-feed (opens new window): Feed support
@mr-hope/vuepress-plugin-git (opens new window): Info plugin based on git
@mr-hope/vuepress-plugin-pwa (opens new window): PWA support
@mr-hope/vuepress-plugin-reading-time (opens new window): Expect reading time and words count
@mr-hope/vuepress-plugin-seo (opens new window): SEO Enhancement Plugin
@mr-hope/vuepress-plugin-sitemap (opens new window): Sitemap Generator for your site
vuepress-plugin-add-this (opens new window): Provide sociel share and follow function
vuepress-plugin-md-enhance (opens new window)): Provide more Markdown syntax
vuepress-plugin-photo-swipe (opens new window): Make the site’s picture support click zoom