跳至主要內容
vuepress-theme-hope

VuePress Theme Hope

一个具有强大功能的 vuepress 主题✨

快速上手指南案例

易于安装

  • 运行 pnpm create vuepress-theme-hope hope-project 以创建一个新的主题项目。

  • 在已有项目根目录下运行 pnpm create vuepress-theme-hope add . 以在项目中添加主题。

在 Markdown 中添加你想要的内容

我们扩展了标准的 CommonMark 规范，为你添加了成吨功能。

链接检查

检查 Markdown 链接

提示容器

用样式装饰 Markdown 内容

GFM 警告

GFM 风格的警告容器

选项卡

使用选项卡对相似内容进行分组

代码组

使用选项卡对相似代码进行分组

自定义对齐

Markdown 中对内容进行自定义对齐

自定义属性

为 Markdown 元素添加属性

上下角标

轻松在 Markdown 中添加上下角标

脚注

在内容中插入脚注

标记

标记并高亮内容

剧透

添加剧透标记支持

任务列表

轻松插入任务列表

图片语法

使用改进的语法指定图片大小与颜色模式

组件支持

在 Markdown 中轻松插入组件

组件

开箱即用的常用组件

Chart.js 支持

在 Markdown 中展示 Chart.js 图表

流程图支持

在 Markdown 中直接写出流程图

Mermaid 支持

在 Markdown 中添加 Mermaid 图例

Plantuml 支持

在 Markdown 中添加 Plant UML 图表

Tex 支持

Markdown 现在也可以支持 Tex 语法以显示公式

导入文件支持

将你的文档分段，并在 Markdown 中导入

交互演示支持

你可以在 Markdown 中添加交互演示

Kotlin 交互演示支持

响应式的 Kotlin 演示

Vue 交互演示支持

在交互演示中展示 Vue 组件

Sandpack 交互演示支持

Sandpack 驱动的实时的编码环境

代码案例支持

你可以很方便的插入代码案例

幻灯片支持

通过 Reveal.js 在 Markdown 中插入幻灯片

可定制的页面

完整无障碍支持的可定制外观

布局

一个完美的响应式布局。

新功能

目录页面

自动生成目录页以及开箱即用的目录组件

浏览量与评论

配合 4 个评论服务开启阅读量统计与评论支持

文章信息

为你的文章添加作者、写作日期、预计阅读时间、字数统计等信息

文章加密

你可以为你的特定页面或特定目录进行加密，以便陌生人不能随意访问它们

搜索支持

支持 docsearch 和基于客户端的搜索

代码块

自定义代码块主题、行号、行高亮、复制按钮等

图片预览

像相册一样允许你浏览、缩放并分享你的页面图片

博客

通过主题创建个人博客

高级

增强站点与用户体验的高级功能

更新日志

2025/1/15 17:46
查看所有更新日志
  • 18023-chore: update icon于
  • 1b917-docs: fix icons于
  • f1175-docs: fix broken links于
  • 22787-feat!: replace plugins with official ones and rebuild markdown options (#4553)于
  • bdfcb-docs: update links于
  • 88848-feat(theme)!: use shiki as default highlighter于
  • 56c45-docs(theme): update docs于
  • 913bb-feat: add plantuml feature于
  • 15aa1-docs: fix broken links于
  • 95198-feat(md-enhance): add sandpack (#3587)于
  • 4d282-docs: update docs于
  • bac94-feat(md-enhance): support alert于
  • c84ab-docs: fix typos于
  • d0be4-chore(theme): update default heroImage于
  • 66e89-feat(theme): support icon in actions, close #3631于
  • d69ee-docs: fix broken links于
  • 6c537-docs(theme): improve docs于
  • 2dbdd-feat(md-enhance): remove card and add component option于
  • d45fd-docs(theme): update docs于
  • 539b3-feat(md-enhance): rebuild presentation to revealJs于
  • 8b555-docs: optimize homepage于
  • 7253d-docs(theme): add demo于
  • 9f3ce-feat(theme): optimize styles于
  • 3409e-feat(theme): improve feature and highlight style于
  • a906d-docs: update docs于
  • b5023-fix(theme): improve main title font size on homepage于
  • 07e69-feat(theme): improve highlight style于
  • f463e-feat(theme): make highlight built-in于
  • 5e7ca-chore: publish on latest channel于
  • 86180-feat(components): make fa-fw fa-sm class built-in for font-icon于
  • b77b7-docs: update icon于
  • 71423-docs: update icon class于
  • 8174c-docs(theme): use fontawesome于
  • f7e60-docs(theme): update docs于
  • ec469-docs(theme): update docs于
  • 9a16a-docs: update docs于
  • 16d8a-docs(theme): update actions于
  • 88d0b-docs: update docs于
  • 2fa50-feat: migrate to ESM (#2158)于
  • 23515-docs: update codetab于
  • 9cdd7-feat(md-enhance): change @codetab to @tab于
  • 63d09-feat(md-enhance): rebuild codegroup于
  • 354ec-docs(theme): update docs于
  • fd395-docs: update related docs于
  • fc15c-docs: update docs于
  • 192ce-docs(theme): fix netlify badge于
  • c02dc-docs(theme): add netlify badge于
  • 9e3b2-docs: rebuild tutorial于
  • 9a4cf-docs: fix icon于
  • 6dfb2-chore: fix icon于
  • 119ca-docs: update docs于
  • 95ff3-docs(theme): update docs于
  • 28f78-docs(theme): update docs于
  • 234d7-docs: update docs于
  • 47206-docs(theme): update docs于
  • a1baa-docs(theme): fix broken links于
  • 95e4f-docs(theme): fix broken links于
  • 3c199-docs(theme): add docs于

贡献者

Mr.HopeMr.HopeZhaoBinZhaoBinrenovate[bot]renovate[bot]
MIT Licensed | Copyright © 2019-present Mr.Hope