Markdown 增强
新增文字对齐、上下角标、脚注、标记、任务列表、数学公式、流程图、图表与幻灯片支持
幻灯片页面
添加幻灯片页面以显示你喜欢的内容
布局增强
添加路径导航、页脚、改进的导航栏、改进的页面导航等。
浏览量与评论
配合 Waline 来开启阅读量统计与评论支持
文章信息
为你的文章添加作者、写作日期、预计阅读时间、字数统计等信息
博客支持
使用一些很棒的布局提供博客功能，通过文章的日期、标签和分类，自动生成文章、分类、标签与时间轴列表
主题色切换
支持自定义主题色并允许用户在预设的主题颜色之间切换
深色模式
可以自由切换浅色模式与深色模式
完整的无障碍支持
为你的网站带来完整的无障碍支持
文章加密
你可以为你的特定页面或特定目录进行加密，以便陌生人不能随意访问它们
搜索支持
支持 docsearch 和基于客户端的搜索
代码复制
一键复制代码块中的代码
图片预览
像相册一样允许你浏览、缩放并分享你的页面图片
SEO 增强
将最终生成的网页针对搜索引擎进行优化。
Sitemap
自动为你的网站生成 Sitemap
Feed 支持
生成你的 Feed，并通知你的用户订阅它
PWA 支持
让你的网站更像一个 APP
更多新特性
包括图标支持、全屏按钮、返回顶部按钮等
🛠 安装
在当前目录下的 [dir] 文件夹内创建 vuepress-theme-hope 项目:
pnpm
pnpm create vuepress-theme-hope [dir]
npm
npm init vuepress-theme-hope@latest [dir]
要将 vuepress-theme-hope 作为文档构建器添加到现有项目中，请在项目根目录中运行以下命令:
pnpm
pnpm create vuepress-theme-hope add [dir]
npm
npm init vuepress-theme-hope@latest add [dir]
🚀 使用
TS
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";
export default defineUserConfig({
// 站点选项
// ...
theme: hopeTheme({
// 主题选项
// ...
}),
});
JS
import { hopeTheme } from "vuepress-theme-hope";
export default {
// 站点选项
// ...
theme: hopeTheme({
// 主题选项
// ...
}),
};
官方 QQ 群
- 点击加入 (群号: 1003437555)