VuePress 主题配置教程
2026/1/19小于 1 分钟约 264 字
VuePress 主题配置教程
简介
这是一篇关于 VuePress 主题配置的教程文章,演示了如何使用自定义文章类型功能。
自定义文章类型
在 .vuepress/config.js 中,我们添加了自定义的文章类型:
type: [
{
key: "tutorial",
filter: (page) => page.frontmatter.category === "教程",
// ... 其他配置
},
{
key: "note",
filter: (page) => page.frontmatter.category === "笔记",
// ... 其他配置
},
]
如何创建教程文章
- 在 frontmatter 中设置
category: "教程" - 文章会自动被分类到教程类型中
- 可以通过
/tutorial/路径访问所有教程文章
教程内容
这篇文章只是一个示例,实际教程可以包含更详细的内容,如:
- 主题安装步骤
- 配置文件说明
- 功能模块介绍
- 自定义样式方法
- 插件使用指南
演示文章,用于展示 VuePress Theme Hope 的自定义文章类型功能