使用@theme定位默认主题中要在自定义组件中使用的组件

Question

我正在使用Vuepress作文档，发现自己需要创建自定义页面。

为此，我遵循了described的Vuepress文档，您可以使用YALM前端对象来定位要用作布局的其他组件：

---
layout: SpecialLayout
---

但是，当我尝试使用默认主题中的现有组件时，似乎无法导入该组件。

import PageNav from '@theme/components/PageNav.vue'

在SpecialLayout.vue中什么都不做，我在自定义组件中看不到它。

我不想退出，因为我想依靠Vuepress默认主题的将来更新。

Answer 1

您可以选择仅创建要自定义的文件（使用现有的组件路径和名称），或者创建自己的文件并从自定义的SpecialLayout文件中引用它们（如您的情况）

要使创建自定义组件更容易，可以弹出并指定目标目录（/ theme除外），然后仅克隆/更新需要自定义的内容。

在您的示例中，需要创建/theme/components/PageNav.vue和/theme/layout/SpecialLayout.vue。

根据需要为specialLayout创建所有自定义标记，或者将原始/ theme / layout弹出/克隆为SpecialLayout，然后用自定义PageNav组件替换导航栏引用。