主题介绍

  • 快速上手
  • 快速上手
  • 介绍
大约 4 分钟

主题初衷

制作本主题的初衷是发现 VuePress 只是一个单纯的静态文档生成器。举个例子,它并不会注入 meta 标签做 SEO 优化,也不会生成 Sitemap 帮助搜索引擎索引文档内容。

虽然 VuePress 在一定程度上扩展了 Markdown 语法,它仍然缺失一些常用的功能,比如文本对齐、标记、流程图、公式、演示等。同时默认主题提供的一些功能,也比较弱或者缺失,如图片预览,深色模式等。

在这种情况下,vuepress-theme-hope 和一些系列插件就应运诞生。

主题不仅在默认主题的基础上大幅提高美观性,同时搭配各种插件,在各种细节与功能上为 VuePress 提供全方位的增强

本项目不是单纯一个主题

vuepress-theme-hope/vuepress-theme-hopeopen in new window 虽然标明了这是一个主题仓库,但是它同时包含了十多个同样功能完善且强大的插件。每一个插件也都是由 Mr.Hope 精心开发,功能足够强大,可以自由搭配默认主题或者第三方主题单独使用。

而基于这样十几个插件,Mr.Hope 才可以自信的说 vuepress-theme-hope 是“一个带有成吨功能的强大主题”。它也可以看作是 VuePress 所有主题中,功能最多,覆盖最全面的主题。

设计目标

V1 设计目标

  • 方向: 所有功能都是为了增强文档内容丰富性可传播性

  • 功能的强大与独立: 提供独立功能并提供强配置性,并将它们解构成独立插件,以便用户在其他主题中引入并使用他们。

  • 零或低配置: 本主题的所有功能都尽可能设计成在零配置或低配置下即可工作,以便尽可能降低你的迁移或学习成本,直接享受到它们的便利。

在已经完善的 V1 基础上,v2 进一步的进行了:

  • 美观度提升: 主题界面不在基于默认主题的布局与样式,进行了完全的重构。

  • 功能的解构: 借助 Vue3 的组合式 API 主题在保持强大的同时进一步增强了 “Tree-shaking”。

    主题会只运行你需要的哪些功能,不会被其他功能拖慢或影响构建大小。

强大在哪

更丰富的内容

主题为 Markdown 提供了大量的扩展语法支持,让你在正文插入更多的内容。

总之,任何人都可以享受 Markdown 增强语法带来的便利。

页面 UI

完整的博客支持

主题引入了完整的博客支持,你可以启用全新的 博客主页

搜索功能

主题添加了 VuePress 官方搜索插件的内置支持

搜索引擎增强

  • 提供 SEO 增强,会自动注入网站信息以完整支持 OGP 与 JSON-LD 协议,增强搜索引擎索引。

  • 提供 Sitemap 生成

  • 提供 PWA 支持,使你的站点可被安装。

其他

  • 提供 版权信息添加 功能,可在用户复制时追加版权信息,也可禁用页面复制和选择。
  • 提供 文章加密 功能,保护隐私信息。
Loading...