# Docsify 顶部的导航是如何配置

**URL:** <https://www.isharkfly.com/t/docsify/15126>\
**Category:** 文档交付\
**Tags:** docsify\
**Created:** [November 10, 2023, 3:04am UTC](https://www.isharkfly.com/t/docsify/15126 "2023-11-10T03:04:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [November 10, 2023, 3:04am UTC](https://www.isharkfly.com/t/docsify/15126/1 "2023-11-10T03:04:46Z")

</div>

如下图，我们在 Docsify 的文档中配置了一个顶部导航。

 ![2023-11-09_22-00-48](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/0/09e804eee308045b5b50ec57d51a1c67dbc69881.png)

下面的步骤对顶部导航的配置进行简要介绍。

## 配置

有 2 个地方需要这个地方进行配置。

首先需要在 index.html 文件中的 `loadNavbar: true,` 配置上。

 ![2023-11-09_22-02-53](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/0/02e801b3ec96385af675e63f82e7f1d0db77d841.png)

然后再在项目中添加一个 `_navbar.md` 文件。

在这个文件中对导航进行配置。

配置的格式如下图。

 ![2023-11-09_22-04-03](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/1/1a8fc451afdaa0fb41d52cec989334f32455b6f4.png)

当完成上面的配置后，有关顶部的导航就会自动显示了。

Docsify 在配置上还是比较简单的。