组件

导航页使用了自定义 Vue 组件，NavigationDirectory.vue 作为布局样式基础，再新建 Vue 组件并导入 基础组件 和 数据文件 以实现多导航页复用。

以 NavPageExample.vue 作为示例：

<template>
  <NavigationDirectory
    :data="navigationData"
    title="开发资源导航"
    subtitle="整理常用的开发、设计、学习与协作资源，支持按关键词和标签快速筛选。"
  />
</template>

<script setup>
import NavigationDirectory from './NavigationDirectory.vue'
import navigationData from '../data/navigation.json'
</script>

在页面中使用：

<NavPage />

<script setup>
import NavPage from '/.vuepress/theme/components/NavPageExample.vue'
</script>

目录

DIRECTORY / 02

本组目录

同一分组下的内容会在这里自动汇总。

01NavExample打开页面查看完整内容。2025/08/140 字02MinecraftNav打开页面查看完整内容。2025/08/140 字

更新日志

2026/8/31 17:09

查看所有更新日志

• f2029-🔧 chore(nav): 导航页微调于 2026/8/31

版权所有

许可证：署名-非商业性-相同方式共享 4.0 国际 (CC-BY-NC-SA-4.0)