指南

提示

如果你在使用过程中遇到了 bug，可以 提一个 issue 或者 加入 QQ 群 (群号: 1003437555) 进行反馈。

主题特点 ✨

主题很大程度上继承了 VuePress 默认主题的配置，并在此基础上添加了大量功能与布局优化。

Markdown

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

• 自定义容器
• 选项卡
• 代码组
• 脚注
• 任务列表
• 图片增强
• 自定义对齐
• 自定义属性
• 上下角标
• 标记
• 图表
• Echarts
• 流程图
• Mermaid 图表
• Tex 支持
• 文件导入
• 代码演示
• 幻灯片
• 样式化
• 交互演示
• Vue 交互演示
• 开箱即用的组件
• 自定义主题

布局

页面新增:

• 路径导航

• 桌面宽度下右侧增加 TOC 锚点

• 自定义页脚

布局优化:

• 完全重构的移动端布局

• 页面底部导航和信息样式改进

• 默认主页增强:

  • 宽屏布局优化
  • 特性支持添加图标，拥有全新布局、动画并支持跳转

界面

• 图标支持

• 导航栏

• 侧边栏

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

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

• 全屏按钮

• 返回顶部按钮

页面增强

• 一键复制代码

• 图片预览，支持放大，拖拽，滑动浏览，分享和下载

• 评论系统

• 页面信息展示

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

• 版权信息

• 文章加密

• 搜索支持

博客

• 支持置顶的文章列表

• 标签分组列表

• 时间线

• 收藏文章

• 全新博客主页布局

高级功能

• PWA 支持

• Feed 生成

• SEO 增强

• Sitemap 生成

内建插件 🧩

本主题包含了以下内建插件，如果有需要，你也可以单独进行使用或搭配其他主题。

• vuepress-plugin-auto-catalog: VuePress2 的目录自动生成插件
• vuepress-plugin-blog2: VuePress2 的博客插件
• vuepress-plugin-comment2: 评论与浏览量功能
• vuepress-plugin-components: 提供一些开箱即用的插件
• vuepress-plugin-copy-code2: 提供一键复制代码块功能。
• vuepress-plugin-copyright2: 在用户复制时追加版权信息，或禁用站点的复制与选择。
• vuepress-plugin-feed2: Feed 支持
• vuepress-plugin-md-enhance: 提供更多 Markdown 语法
• vuepress-plugin-photo-swipe: 基于 Photo Swipe 的图片浏览插件
• vuepress-plugin-pwa2: 增强的 PWA 支持
• vuepress-plugin-reading-time2: 阅读时间与字数统计
• vuepress-plugin-sass-palette: 面向全部插件和主题的 Sass 配置插件
• vuepress-plugin-seo2: SEO 增强插件
• vuepress-plugin-sitemap2: Sitemap 插件

提示

这里还有一些其他没有被主题捆绑的插件，你可以根据自己的需求自行启用。

• vuepress-plugin-lightgallery: 基于 lightgallery 图片浏览插件
• vuepress-plugin-redirect: 重定向插件
• vuepress-plugin-remove-pwa: 移除 PWA 插件
• vuepress-plugin-search-pro: 客户端搜索插件