# 页面布局设置



页面布局设置功能允许用户自定义 API 在线文档页，包括：添加导航功能，添加文档底部 banner，添加登录注册按钮等。


<Background>

![image.png](https://api.apifox.com/api/v1/projects/5097254/resources/484864/image-preview)
</Background>


在 “发布文档站” 页面，进入 “个性化设置” 进行调整。支持在模块中添加各种组件，例如顶部导航、左侧目录样式、顶部通知、文档内容底部 Banner 区等。


<Background>

![image.png](https://api.apifox.com/api/v1/projects/5097254/resources/585326/image-preview)
</Background>


## 顶部导航模块

### 顶部导航菜单组件


提供自定义导航菜单编辑，支持三种类型导航：

1. **指定接口分组**：支持选择所有接口或者某一接口分组
2. **自定义链接**：支持自定义文字链接
3. **多级菜单**：支持定义二级菜单


<Background>

![image.png](https://api.apifox.com/api/v1/projects/5097254/resources/585329/image-preview)
</Background>



### 按钮组件

顶部导航右侧功能区支持添加 “按钮组件”，例如 icon、按钮、文字链接。


<Background>

![image.png](https://api.apifox.com/api/v1/projects/5097254/resources/585331/image-preview)
</Background>




## 左侧目录样式模块

“顶部导航” 模块和 “左侧目录样式” 模块无法同时启用。启用 “顶部导航” 模块后 “左侧目录样式” 会直接失效。如果要使用左侧目录样式模块，则**需要关闭顶部导航模块**。


<Background>

![image.png](https://api.apifox.com/api/v1/projects/5097254/resources/585332/image-preview)
</Background>



## 顶部通知

支持添加顶部通知模块，可以在 API 文档顶部添加自定义文字内容。


<Background>

![CleanShot 2025-10-27 at 18.05.06@2x.png](https://api.apifox.com/api/v1/projects/5097254/resources/585333/image-preview)
</Background>


## 文档内容底部 Banner 区

支持添加 “图片广告” 组件，可以在 API 文档底部添加图片。


<Background>

![CleanShot 2025-10-27 at 18.06.16@2x.png](https://api.apifox.com/api/v1/projects/5097254/resources/585334/image-preview)
</Background>

## API 文档布局

支持配置单列或双列布局。

<Background>

![image.png](https://api.apifox.com/api/v1/projects/5097254/resources/585336/image-preview)
</Background>


**单列：**

<Background>

![CleanShot 2025-04-15 at 11.42.26@2x.png](https://api.apifox.com/api/v1/projects/5097254/resources/513168/image-preview)
</Background>

**双列：**


<Background>

![CleanShot 2025-04-15 at 11.43.30@2x.png](https://api.apifox.com/api/v1/projects/5097254/resources/513171/image-preview)
</Background>