vuepress-theme-hope

A vuepress theme with tons of features✨ / 一个具有强大功能的 vuepress 主题✨

A vuepress theme with tons of features✨ / 一个具有强大功能的 vuepress 主题 ✨

Official Docs / 官方文档

English Docs | 中文文档

Theme Highlights | 主题特点

Theme Highlights

The theme maintains the style of the @vuepress/theme-default, and adds a lot of features and optimizations:

Page enhancement

• Added more syntax to Markdown, enriching documentation and blog writing

  • Tex support
  • Custom alignment
  • Flow chart
  • Mark
  • Subsript and Supercript
  • Code Demo
  • Presentation

• Picture preview feature, supports:

  • zooming
  • dragging
  • sliding browsing
  • sharing
  • downloading

• Article information display

  • Reading Counts
  • Author and writing date
  • Automatically generated word count and estimated reading time
  • Tags and Categorys

• Comment System

• BreadCrumbs

• Page Icon

• Copyright display

• Customizable footer

Features

Out of box

• Brand new theme colors, allowing you to switch dynamically during browsing

• Dark mode, allowing you to switch manually or apply automatically according to device settings

• Full screen button

• PWA support

• Back to top button

• One-click copy code

• Add copyright information when copying

More powerful features

• Feed generation

• SEO enhancement

• Sitemap generation

• Encryption of specific articles and paths

• TypeScript Support

Style optimization

• Icon support everywhere

• Default homepage optimization

  • Features have new animations and support jump
  • Multiple action buttons
  • Widescreen layout optimization

• Optimization of other built-in components

  • Back to top button style optimization
  • PWA popup optimization
  • Navigation bar and sidebar style optimization and group prefix support

Blog section

• New blog homepage layout

• Social follow button and page social sharing

• Article display

  • Articles list swith sticky support
  • Cateory lists
  • Tag lists
  • Timeline

主题特点

主题很大程度上保持了 VuePress 默认主题的风格，并在此基础上添加了大量功能与优化:

页面增强

• 为 Markdown 添加了更多语法，丰富文档与博客写作

  • Tex 支持
  • 自定义对齐
  • 流程图
  • 标记
  • 上下角标
  • 代码演示
  • 幻灯片

• 图片预览功能，支持:

  • 放大
  • 拖拽
  • 滑动浏览
  • 分享
  • 下载

• 文章信息展示

  • 阅读量统计
  • 作者与写作日期
  • 自动生成的字数与预计阅读时间
  • 标签与分类

• 评论系统

• 自定义页脚

• 版权显示

• 路径导航

功能增强

零配置自动实现并允许你定制

• 全新主题色，允许你在浏览过程中动态切换

• 深色模式，允许你手动切换或者是根据设备设置自动应用

• 全屏按钮

• PWA 支持

• 返回顶部按钮

• 一键复制代码

• 复制时添加版权信息

更多强大功能

• Feed 生成

• SEO 增强

• Sitemap 生成

• 支持对特定文章与路径进行加密

• TypeScript 支持

样式优化

• 多处图标支持

• 默认主页优化

  • 特性拥有全新动画并支持跳转
  • 多个动作按钮
  • 宽屏布局优化

• 其他内置组件优化

  • 返回顶部按钮样式优化
  • PWA 弹窗优化
  • 导航栏与侧边栏样式优化与分组前缀支持

博客部分

• 全新博客主页布局

• 社交关注按钮与页面社交分享

• 文章展示

  • 支持置顶的文章列表
  • 分类分组列表
  • 标签分组列表
  • 时间线