diff --git a/docs/user-guide/menus.md b/docs/user-guide/menus.md
new file mode 100644
index 0000000..302747d
--- /dev/null
+++ b/docs/user-guide/menus.md
@@ -0,0 +1,64 @@
+---
+title: 菜单
+description: 菜单管理相关功能说明
+---
+
+菜单功能用于管理网站上的导航菜单，目前 Halo 支持配置多个菜单组。
+
+![Menus](/img/user-guide/menus/menus.png)
+
+说明：
+
+1. 左边为菜单列表，右边为所选菜单的菜单项列表。
+2. 点击左边的菜单可以切换菜单项列表。
+
+## 创建菜单
+
+点击左边菜单列表底部的 **新建** 可以打开新建菜单的对话框，输入名称即可创建。
+
+![Create menu](/img/user-guide/menus/create-menu.png)
+
+![Menu operation](/img/user-guide/menus/menu-operation.png)
+
+点击菜单条目的操作按钮可以展开操作选项，包括：
+
+1. **设置为主菜单**：设置当前菜单为主菜单，主菜单会在网站导航栏中显示（具体需要以主题的实现为准）。
+2. **编辑**：编辑当前菜单的名称。
+3. **删除**：删除当前菜单，会同时删除菜单下的所有菜单项。
+
+## 创建菜单项
+
+点击菜单项列表右上角的 **新建** 可以打开新建菜单的对话框。
+
+![Create menu item](/img/user-guide/menus/create-menu-item.png)
+
+表单项说明：
+
+1. **上级菜单项**：可以选择当前新建的菜单项归属的上级菜单项。
+2. **类型**：
+   1. 自定义链接：可以输入任意的名称和链接地址，可以是外部的网址。
+   2. 文章：可以选择网站上已有的文章。
+   3. 自定义页面：可以选择网站上已有的页面。
+   4. 分类：可以选择网站上已有的分类。
+   5. 标签：可以选择网站上已有的标签。
+3. **名称**：当类型为自定义链接时，可以输入任意的名称，当类型为文章、自定义页面、分类、标签时，会自动生成名称。
+4. **链接地址**：当类型为自定义链接时，可以输入任意的链接地址，当类型为文章、自定义页面、分类、标签时，会自动生成链接地址。
+5. **打开方式**：链接的打开方式。
+
+![Create menu item 2](/img/user-guide/menus/create-menu-item-2.png)
+
+上图是类型选择 **分类** 时的表单，可以选择分类。
+
+![Menu item operation](/img/user-guide/menus/menu-item-operation.png)
+
+点击菜单项条目的操作按钮可以展开操作选项，包括：
+
+1. **编辑**：编辑当前菜单项的信息。
+2. **新增子菜单项**：新增当前菜单项的子菜单项。
+3. **删除**：删除当前菜单项，如果当前菜单项包含子菜单项，会同时删除。
+
+## 排序
+
+你可以按住菜单项前的图标，通过拖拽来调整菜单项间的层级关系和顺序。
+
+![Sort](/img/user-guide/menus/sort.gif)
diff --git a/sidebars.js b/sidebars.js
index 82b8322..a922267 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -84,6 +84,7 @@ module.exports = {
         "user-guide/posts",
         "user-guide/pages",
         "user-guide/attachments",
+        "user-guide/menus",
         "user-guide/themes",
         "user-guide/plugins",
         "user-guide/app-store",
diff --git a/static/img/user-guide/menus/create-menu-item-2.png b/static/img/user-guide/menus/create-menu-item-2.png
new file mode 100644
index 0000000..4f3a70f
Binary files /dev/null and b/static/img/user-guide/menus/create-menu-item-2.png differ
diff --git a/static/img/user-guide/menus/create-menu-item.png b/static/img/user-guide/menus/create-menu-item.png
new file mode 100644
index 0000000..8106d1a
Binary files /dev/null and b/static/img/user-guide/menus/create-menu-item.png differ
diff --git a/static/img/user-guide/menus/create-menu.png b/static/img/user-guide/menus/create-menu.png
new file mode 100644
index 0000000..8444f0a
Binary files /dev/null and b/static/img/user-guide/menus/create-menu.png differ
diff --git a/static/img/user-guide/menus/menu-item-operation.png b/static/img/user-guide/menus/menu-item-operation.png
new file mode 100644
index 0000000..f5d4ec2
Binary files /dev/null and b/static/img/user-guide/menus/menu-item-operation.png differ
diff --git a/static/img/user-guide/menus/menu-operation.png b/static/img/user-guide/menus/menu-operation.png
new file mode 100644
index 0000000..a3d4ec4
Binary files /dev/null and b/static/img/user-guide/menus/menu-operation.png differ
diff --git a/static/img/user-guide/menus/menus.png b/static/img/user-guide/menus/menus.png
new file mode 100644
index 0000000..a8f4810
Binary files /dev/null and b/static/img/user-guide/menus/menus.png differ
diff --git a/static/img/user-guide/menus/sort.gif b/static/img/user-guide/menus/sort.gif
new file mode 100644
index 0000000..e10c871
Binary files /dev/null and b/static/img/user-guide/menus/sort.gif differ
diff --git a/versioned_docs/version-2.16/user-guide/menus.md b/versioned_docs/version-2.16/user-guide/menus.md
new file mode 100644
index 0000000..302747d
--- /dev/null
+++ b/versioned_docs/version-2.16/user-guide/menus.md
@@ -0,0 +1,64 @@
+---
+title: 菜单
+description: 菜单管理相关功能说明
+---
+
+菜单功能用于管理网站上的导航菜单，目前 Halo 支持配置多个菜单组。
+
+![Menus](/img/user-guide/menus/menus.png)
+
+说明：
+
+1. 左边为菜单列表，右边为所选菜单的菜单项列表。
+2. 点击左边的菜单可以切换菜单项列表。
+
+## 创建菜单
+
+点击左边菜单列表底部的 **新建** 可以打开新建菜单的对话框，输入名称即可创建。
+
+![Create menu](/img/user-guide/menus/create-menu.png)
+
+![Menu operation](/img/user-guide/menus/menu-operation.png)
+
+点击菜单条目的操作按钮可以展开操作选项，包括：
+
+1. **设置为主菜单**：设置当前菜单为主菜单，主菜单会在网站导航栏中显示（具体需要以主题的实现为准）。
+2. **编辑**：编辑当前菜单的名称。
+3. **删除**：删除当前菜单，会同时删除菜单下的所有菜单项。
+
+## 创建菜单项
+
+点击菜单项列表右上角的 **新建** 可以打开新建菜单的对话框。
+
+![Create menu item](/img/user-guide/menus/create-menu-item.png)
+
+表单项说明：
+
+1. **上级菜单项**：可以选择当前新建的菜单项归属的上级菜单项。
+2. **类型**：
+   1. 自定义链接：可以输入任意的名称和链接地址，可以是外部的网址。
+   2. 文章：可以选择网站上已有的文章。
+   3. 自定义页面：可以选择网站上已有的页面。
+   4. 分类：可以选择网站上已有的分类。
+   5. 标签：可以选择网站上已有的标签。
+3. **名称**：当类型为自定义链接时，可以输入任意的名称，当类型为文章、自定义页面、分类、标签时，会自动生成名称。
+4. **链接地址**：当类型为自定义链接时，可以输入任意的链接地址，当类型为文章、自定义页面、分类、标签时，会自动生成链接地址。
+5. **打开方式**：链接的打开方式。
+
+![Create menu item 2](/img/user-guide/menus/create-menu-item-2.png)
+
+上图是类型选择 **分类** 时的表单，可以选择分类。
+
+![Menu item operation](/img/user-guide/menus/menu-item-operation.png)
+
+点击菜单项条目的操作按钮可以展开操作选项，包括：
+
+1. **编辑**：编辑当前菜单项的信息。
+2. **新增子菜单项**：新增当前菜单项的子菜单项。
+3. **删除**：删除当前菜单项，如果当前菜单项包含子菜单项，会同时删除。
+
+## 排序
+
+你可以按住菜单项前的图标，通过拖拽来调整菜单项间的层级关系和顺序。
+
+![Sort](/img/user-guide/menus/sort.gif)
diff --git a/versioned_docs/version-2.17/user-guide/menus.md b/versioned_docs/version-2.17/user-guide/menus.md
new file mode 100644
index 0000000..302747d
--- /dev/null
+++ b/versioned_docs/version-2.17/user-guide/menus.md
@@ -0,0 +1,64 @@
+---
+title: 菜单
+description: 菜单管理相关功能说明
+---
+
+菜单功能用于管理网站上的导航菜单，目前 Halo 支持配置多个菜单组。
+
+![Menus](/img/user-guide/menus/menus.png)
+
+说明：
+
+1. 左边为菜单列表，右边为所选菜单的菜单项列表。
+2. 点击左边的菜单可以切换菜单项列表。
+
+## 创建菜单
+
+点击左边菜单列表底部的 **新建** 可以打开新建菜单的对话框，输入名称即可创建。
+
+![Create menu](/img/user-guide/menus/create-menu.png)
+
+![Menu operation](/img/user-guide/menus/menu-operation.png)
+
+点击菜单条目的操作按钮可以展开操作选项，包括：
+
+1. **设置为主菜单**：设置当前菜单为主菜单，主菜单会在网站导航栏中显示（具体需要以主题的实现为准）。
+2. **编辑**：编辑当前菜单的名称。
+3. **删除**：删除当前菜单，会同时删除菜单下的所有菜单项。
+
+## 创建菜单项
+
+点击菜单项列表右上角的 **新建** 可以打开新建菜单的对话框。
+
+![Create menu item](/img/user-guide/menus/create-menu-item.png)
+
+表单项说明：
+
+1. **上级菜单项**：可以选择当前新建的菜单项归属的上级菜单项。
+2. **类型**：
+   1. 自定义链接：可以输入任意的名称和链接地址，可以是外部的网址。
+   2. 文章：可以选择网站上已有的文章。
+   3. 自定义页面：可以选择网站上已有的页面。
+   4. 分类：可以选择网站上已有的分类。
+   5. 标签：可以选择网站上已有的标签。
+3. **名称**：当类型为自定义链接时，可以输入任意的名称，当类型为文章、自定义页面、分类、标签时，会自动生成名称。
+4. **链接地址**：当类型为自定义链接时，可以输入任意的链接地址，当类型为文章、自定义页面、分类、标签时，会自动生成链接地址。
+5. **打开方式**：链接的打开方式。
+
+![Create menu item 2](/img/user-guide/menus/create-menu-item-2.png)
+
+上图是类型选择 **分类** 时的表单，可以选择分类。
+
+![Menu item operation](/img/user-guide/menus/menu-item-operation.png)
+
+点击菜单项条目的操作按钮可以展开操作选项，包括：
+
+1. **编辑**：编辑当前菜单项的信息。
+2. **新增子菜单项**：新增当前菜单项的子菜单项。
+3. **删除**：删除当前菜单项，如果当前菜单项包含子菜单项，会同时删除。
+
+## 排序
+
+你可以按住菜单项前的图标，通过拖拽来调整菜单项间的层级关系和顺序。
+
+![Sort](/img/user-guide/menus/sort.gif)
diff --git a/versioned_docs/version-2.18/user-guide/menus.md b/versioned_docs/version-2.18/user-guide/menus.md
new file mode 100644
index 0000000..302747d
--- /dev/null
+++ b/versioned_docs/version-2.18/user-guide/menus.md
@@ -0,0 +1,64 @@
+---
+title: 菜单
+description: 菜单管理相关功能说明
+---
+
+菜单功能用于管理网站上的导航菜单，目前 Halo 支持配置多个菜单组。
+
+![Menus](/img/user-guide/menus/menus.png)
+
+说明：
+
+1. 左边为菜单列表，右边为所选菜单的菜单项列表。
+2. 点击左边的菜单可以切换菜单项列表。
+
+## 创建菜单
+
+点击左边菜单列表底部的 **新建** 可以打开新建菜单的对话框，输入名称即可创建。
+
+![Create menu](/img/user-guide/menus/create-menu.png)
+
+![Menu operation](/img/user-guide/menus/menu-operation.png)
+
+点击菜单条目的操作按钮可以展开操作选项，包括：
+
+1. **设置为主菜单**：设置当前菜单为主菜单，主菜单会在网站导航栏中显示（具体需要以主题的实现为准）。
+2. **编辑**：编辑当前菜单的名称。
+3. **删除**：删除当前菜单，会同时删除菜单下的所有菜单项。
+
+## 创建菜单项
+
+点击菜单项列表右上角的 **新建** 可以打开新建菜单的对话框。
+
+![Create menu item](/img/user-guide/menus/create-menu-item.png)
+
+表单项说明：
+
+1. **上级菜单项**：可以选择当前新建的菜单项归属的上级菜单项。
+2. **类型**：
+   1. 自定义链接：可以输入任意的名称和链接地址，可以是外部的网址。
+   2. 文章：可以选择网站上已有的文章。
+   3. 自定义页面：可以选择网站上已有的页面。
+   4. 分类：可以选择网站上已有的分类。
+   5. 标签：可以选择网站上已有的标签。
+3. **名称**：当类型为自定义链接时，可以输入任意的名称，当类型为文章、自定义页面、分类、标签时，会自动生成名称。
+4. **链接地址**：当类型为自定义链接时，可以输入任意的链接地址，当类型为文章、自定义页面、分类、标签时，会自动生成链接地址。
+5. **打开方式**：链接的打开方式。
+
+![Create menu item 2](/img/user-guide/menus/create-menu-item-2.png)
+
+上图是类型选择 **分类** 时的表单，可以选择分类。
+
+![Menu item operation](/img/user-guide/menus/menu-item-operation.png)
+
+点击菜单项条目的操作按钮可以展开操作选项，包括：
+
+1. **编辑**：编辑当前菜单项的信息。
+2. **新增子菜单项**：新增当前菜单项的子菜单项。
+3. **删除**：删除当前菜单项，如果当前菜单项包含子菜单项，会同时删除。
+
+## 排序
+
+你可以按住菜单项前的图标，通过拖拽来调整菜单项间的层级关系和顺序。
+
+![Sort](/img/user-guide/menus/sort.gif)
diff --git a/versioned_docs/version-2.19/user-guide/menus.md b/versioned_docs/version-2.19/user-guide/menus.md
new file mode 100644
index 0000000..302747d
--- /dev/null
+++ b/versioned_docs/version-2.19/user-guide/menus.md
@@ -0,0 +1,64 @@
+---
+title: 菜单
+description: 菜单管理相关功能说明
+---
+
+菜单功能用于管理网站上的导航菜单，目前 Halo 支持配置多个菜单组。
+
+![Menus](/img/user-guide/menus/menus.png)
+
+说明：
+
+1. 左边为菜单列表，右边为所选菜单的菜单项列表。
+2. 点击左边的菜单可以切换菜单项列表。
+
+## 创建菜单
+
+点击左边菜单列表底部的 **新建** 可以打开新建菜单的对话框，输入名称即可创建。
+
+![Create menu](/img/user-guide/menus/create-menu.png)
+
+![Menu operation](/img/user-guide/menus/menu-operation.png)
+
+点击菜单条目的操作按钮可以展开操作选项，包括：
+
+1. **设置为主菜单**：设置当前菜单为主菜单，主菜单会在网站导航栏中显示（具体需要以主题的实现为准）。
+2. **编辑**：编辑当前菜单的名称。
+3. **删除**：删除当前菜单，会同时删除菜单下的所有菜单项。
+
+## 创建菜单项
+
+点击菜单项列表右上角的 **新建** 可以打开新建菜单的对话框。
+
+![Create menu item](/img/user-guide/menus/create-menu-item.png)
+
+表单项说明：
+
+1. **上级菜单项**：可以选择当前新建的菜单项归属的上级菜单项。
+2. **类型**：
+   1. 自定义链接：可以输入任意的名称和链接地址，可以是外部的网址。
+   2. 文章：可以选择网站上已有的文章。
+   3. 自定义页面：可以选择网站上已有的页面。
+   4. 分类：可以选择网站上已有的分类。
+   5. 标签：可以选择网站上已有的标签。
+3. **名称**：当类型为自定义链接时，可以输入任意的名称，当类型为文章、自定义页面、分类、标签时，会自动生成名称。
+4. **链接地址**：当类型为自定义链接时，可以输入任意的链接地址，当类型为文章、自定义页面、分类、标签时，会自动生成链接地址。
+5. **打开方式**：链接的打开方式。
+
+![Create menu item 2](/img/user-guide/menus/create-menu-item-2.png)
+
+上图是类型选择 **分类** 时的表单，可以选择分类。
+
+![Menu item operation](/img/user-guide/menus/menu-item-operation.png)
+
+点击菜单项条目的操作按钮可以展开操作选项，包括：
+
+1. **编辑**：编辑当前菜单项的信息。
+2. **新增子菜单项**：新增当前菜单项的子菜单项。
+3. **删除**：删除当前菜单项，如果当前菜单项包含子菜单项，会同时删除。
+
+## 排序
+
+你可以按住菜单项前的图标，通过拖拽来调整菜单项间的层级关系和顺序。
+
+![Sort](/img/user-guide/menus/sort.gif)
diff --git a/versioned_docs/version-2.20/user-guide/menus.md b/versioned_docs/version-2.20/user-guide/menus.md
new file mode 100644
index 0000000..302747d
--- /dev/null
+++ b/versioned_docs/version-2.20/user-guide/menus.md
@@ -0,0 +1,64 @@
+---
+title: 菜单
+description: 菜单管理相关功能说明
+---
+
+菜单功能用于管理网站上的导航菜单，目前 Halo 支持配置多个菜单组。
+
+![Menus](/img/user-guide/menus/menus.png)
+
+说明：
+
+1. 左边为菜单列表，右边为所选菜单的菜单项列表。
+2. 点击左边的菜单可以切换菜单项列表。
+
+## 创建菜单
+
+点击左边菜单列表底部的 **新建** 可以打开新建菜单的对话框，输入名称即可创建。
+
+![Create menu](/img/user-guide/menus/create-menu.png)
+
+![Menu operation](/img/user-guide/menus/menu-operation.png)
+
+点击菜单条目的操作按钮可以展开操作选项，包括：
+
+1. **设置为主菜单**：设置当前菜单为主菜单，主菜单会在网站导航栏中显示（具体需要以主题的实现为准）。
+2. **编辑**：编辑当前菜单的名称。
+3. **删除**：删除当前菜单，会同时删除菜单下的所有菜单项。
+
+## 创建菜单项
+
+点击菜单项列表右上角的 **新建** 可以打开新建菜单的对话框。
+
+![Create menu item](/img/user-guide/menus/create-menu-item.png)
+
+表单项说明：
+
+1. **上级菜单项**：可以选择当前新建的菜单项归属的上级菜单项。
+2. **类型**：
+   1. 自定义链接：可以输入任意的名称和链接地址，可以是外部的网址。
+   2. 文章：可以选择网站上已有的文章。
+   3. 自定义页面：可以选择网站上已有的页面。
+   4. 分类：可以选择网站上已有的分类。
+   5. 标签：可以选择网站上已有的标签。
+3. **名称**：当类型为自定义链接时，可以输入任意的名称，当类型为文章、自定义页面、分类、标签时，会自动生成名称。
+4. **链接地址**：当类型为自定义链接时，可以输入任意的链接地址，当类型为文章、自定义页面、分类、标签时，会自动生成链接地址。
+5. **打开方式**：链接的打开方式。
+
+![Create menu item 2](/img/user-guide/menus/create-menu-item-2.png)
+
+上图是类型选择 **分类** 时的表单，可以选择分类。
+
+![Menu item operation](/img/user-guide/menus/menu-item-operation.png)
+
+点击菜单项条目的操作按钮可以展开操作选项，包括：
+
+1. **编辑**：编辑当前菜单项的信息。
+2. **新增子菜单项**：新增当前菜单项的子菜单项。
+3. **删除**：删除当前菜单项，如果当前菜单项包含子菜单项，会同时删除。
+
+## 排序
+
+你可以按住菜单项前的图标，通过拖拽来调整菜单项间的层级关系和顺序。
+
+![Sort](/img/user-guide/menus/sort.gif)
diff --git a/versioned_sidebars/version-2.16-sidebars.json b/versioned_sidebars/version-2.16-sidebars.json
index d0a7bb6..8faacec 100644
--- a/versioned_sidebars/version-2.16-sidebars.json
+++ b/versioned_sidebars/version-2.16-sidebars.json
@@ -63,6 +63,7 @@
         "user-guide/posts",
         "user-guide/pages",
         "user-guide/attachments",
+        "user-guide/menus",
         "user-guide/themes",
         "user-guide/plugins",
         "user-guide/app-store",
diff --git a/versioned_sidebars/version-2.17-sidebars.json b/versioned_sidebars/version-2.17-sidebars.json
index 556dadc..c6f5e31 100644
--- a/versioned_sidebars/version-2.17-sidebars.json
+++ b/versioned_sidebars/version-2.17-sidebars.json
@@ -64,6 +64,7 @@
         "user-guide/posts",
         "user-guide/pages",
         "user-guide/attachments",
+        "user-guide/menus",
         "user-guide/themes",
         "user-guide/plugins",
         "user-guide/app-store",
diff --git a/versioned_sidebars/version-2.18-sidebars.json b/versioned_sidebars/version-2.18-sidebars.json
index a5aeece..f21147d 100644
--- a/versioned_sidebars/version-2.18-sidebars.json
+++ b/versioned_sidebars/version-2.18-sidebars.json
@@ -64,6 +64,7 @@
         "user-guide/posts",
         "user-guide/pages",
         "user-guide/attachments",
+        "user-guide/menus",
         "user-guide/themes",
         "user-guide/plugins",
         "user-guide/app-store",
diff --git a/versioned_sidebars/version-2.19-sidebars.json b/versioned_sidebars/version-2.19-sidebars.json
index 6783ce7..91a046d 100644
--- a/versioned_sidebars/version-2.19-sidebars.json
+++ b/versioned_sidebars/version-2.19-sidebars.json
@@ -65,6 +65,7 @@
         "user-guide/posts",
         "user-guide/pages",
         "user-guide/attachments",
+        "user-guide/menus",
         "user-guide/themes",
         "user-guide/plugins",
         "user-guide/app-store",
diff --git a/versioned_sidebars/version-2.20-sidebars.json b/versioned_sidebars/version-2.20-sidebars.json
index 7f07e77..259c31d 100644
--- a/versioned_sidebars/version-2.20-sidebars.json
+++ b/versioned_sidebars/version-2.20-sidebars.json
@@ -66,6 +66,7 @@
         "user-guide/posts",
         "user-guide/pages",
         "user-guide/attachments",
+        "user-guide/menus",
         "user-guide/themes",
         "user-guide/plugins",
         "user-guide/app-store",