NotionNext帮助手册
Vercel静态部署NotionNext | NotionNext帮助手册
纯静态部署将牺牲动态获取数据的便利性
URL风格自定义
category
🛠 站点配置
tags
NotionNext
SEO
type
Post
status
Published
slug
notion-next-url-customize
summary
NotionNext 自定义url风格
date
May 8, 2024
Last edited time
Sep 29, 2024 07:45 AM
icon
password
在4.5.0之后的版本中，支持将博文url前缀配置为
%category% ，即文章所属分类；从而语义化URL、有利于SEO。 参考文末教程。
在4.5.2之后，支持将url中的中文分类名，映射为英文单词，参考文末教程。URL构成
NotionNext中的URL
目前博客列表的文章都有统一的
前缀，默认是 article ； 因此访问您列表中的博客时默认打开的路径url是这样的：
在以上链接中：URL 主要可以拆分为3个部分构成，绿色部分是你的站点域名， 红色部分是url前缀，蓝色部分则是取自数据库中的slug部分。
URL优化有利于SEO
URL最好能有明确的层级和语义，以便于搜索引擎抓取、收录、并更好地排名。
我建议设置一个有意义的url，例如我的每一篇文章的url都是手动设置的，并且可以通过url推测这篇文章的内容。
URL前缀配置
在NotionNext的blog.config.js 中可以找到以下配置，来设置你的默认文章前缀：
默认填写的
article ，您可以任意填写为其它前缀，例如 post 、 p 等等。变量配置
您可以配置以下变量，他们在生成网页后会被动态替换成对应的值
变量名 | 替换值 |
%year% | 文章发布的年份，例如 2024 |
%month% | 文章发布的月份，例如 11 |
%day% | 文章发布的日期，例如 30 |
%category% | 文章的分类，例如 分享 ； |
年月日取自博客文章的date字段，分类名在您的Notion数据库的category
使用示例
分类名映射
如果分类名称是中文，希望url中分类名映射为英文，请更新到4.5.2之后的版本。
url里分类名可以映射为自己想要的英文单词，便于统一url:
xx.com/知行合一/slug -> xx.com/learning/slug使用方法
在NotionConfig添加类似以下配置:
配置名 | 配置值 | 说明 |
POST_URL_PREFIX | %category% | url前缀中需要包含 %category% |
POST_URL_PREFIX_MAPPING_CATEGORY | {
"知行合一":"learning",
"技术分享":"technology",
"心情随笔":"essay"
} | 配置值是一个json，左边是分类名，右边是映射后的英文名，在url中生效。
使用%category% 路径前缀时: 将url中的分类名映射成英文，效果如下：【使用前】xx.com/知行合一/slug【使用后】xx.com/learning/slug |
如图
可在参考模板数据库中配置
注意，这里最常出现一个错误，因为Notion会自动将用户输入的英文双引号转成中文，从而导致配置无法读取。因此建议复制我上面的配置进行调整，而非手动输入双引号
与双引号相关的配置都要格外小心，在其他的配置中也会出现类似的问题。
组合使用
以上变量可以混合使用，但是必须用
/隔开。例如：
POST_URL_PREFIX 配置为：
%category%/%year%/%month%/%day% 则博客文章的url风格示例如下：
https://[domain]/分类名称/2024/12/31/文章idPrev
站点图标favicon与Github图床
Next
网站公告
Loading...