
Vercel静态部署NotionNext | NotionNext帮助手册
纯静态部署将牺牲动态获取数据的便利性
类型为Page的文章,不会展示在博文列表,而是在导航栏中出现菜单入口。
Menu方案诞生了。
blog.config.js中,开启完全自定义菜单: MenuMenu的页面:并包含以下字段字段名 | 说明 | 示例 |
type | 类型 | Menu |
title | 显示在菜单栏的标题 | 首页 |
status | 状态 | Published |
slug | 菜单链接 | / |
icon | 菜单图标,FontAwesome类名 | fas fa-home |

SubMenuSubMenu紧跟在Menu后面即可做为子菜单。
Menu后面一旦挂载了SubMenu,则此Menu就无法点击跳转,只能作为展开菜单使用。⚠️Menu 后能挂子菜单SubMenu;Menu不能挂Menu、SubMenu不能挂SubMenu;SubMenu若没有紧跟在一个Menu后面,则成为孤儿菜单,不会显示。/about 这是一个绝对路径,它以左斜杆/开头,在博客的任意页面点击此菜单都会跳到 http://域名/about 该路径。
about 这是一个相对路径,它没有左斜杆/开头,如果在博客首页点击菜单会跳到 http://域名/about 该路径,然如果在 其它页面,例如 http://域名/tag/标签 这个页面下,点击菜单,会跳到 http://域名/tag/标签/about ,这会导致你的页面访问错误。
用法类型 | title | slug | 说明 |
外链 | 博客 | 跳转到 https://blog.tangly1024.com 这个地址 | |
单页引导 | 关于 | /about | 跳转到 您站点的/about 地址,如果您站点的域名是 https://test.com ,那么点击菜单会跳转到 https://test.com/about 路径 。此时您需要创建一篇slug为about、type是Page的、status是Published的文章,否则 打开https://test.com/about 会提示404. |
文章引导 | 文章-1 | /article/example-1 | 跳转到 您站点的 /article/example-1 地址,如果您站点的域名是 https://test.com ,那么点击菜单会跳转到 https://test.com/article/example-1 路径 。 此时您需要检查是否存在一篇 slug 为 example-1 , type是Post、 Status是Published的文章,否则打开 https://test.com/article/example-1 会提示404 |
聚合分类 | 分类-1 | /category/test | 跳转到 您站点的 /category/test 地址,如果您站点的域名是 https://test.com ,那么点击菜单会跳转到 https://test.com/category/test 路径 。此页面是一个特殊的内置页面,将聚合显示所有分类为test的文章 。 |
聚合标签 | 标签-1 | /tag/test | 跳转到 您站点的 /tag/test 地址,如果您站点的域名是 https://test.com ,那么点击菜单会跳转到 https://test.com/tag/test 路径 。 此页面是一个特殊的内置页面,将聚合显示所有打了test标签的文章 。 |
聚合归档 | 归档 | /archive | 跳转到 您站点的 /archive 地址,如果您站点的域名是 https://test.com ,那么点击菜单会跳转到 https://test.com /archive 路径 。 此页面是一个特殊的内置页面,将聚合显示所有文章,并且按发布日期分组 |