URL风格自定义

category
tags
type
status
slug
date
password
Last edited time
May 13, 2024 04:37 AM
summary
icon
 
💡
在4.5.0之后的版本中,支持将博文url前缀配置为 %category% ,即文章所属分类;从而语义化URL、有利于SEO。 参考文末教程。 在4.5.2之后,支持将url中的中文分类名,映射为英文单词,参考文末教程。

URL构成

notion image

NotionNext中的URL

目前博客列表的文章都有统一的前缀,默认是 article ; 因此访问您列表中的博客时默认打开的路径url是这样的:
notion image
在以上链接中:URL 主要可以拆分为3个部分构成,绿色部分是你的站点域名, 红色部分是url前缀,蓝色部分则是取自数据库中的slug部分。
 

URL优化有利于SEO

URL最好能有明确的层级和语义,以便于搜索引擎抓取、收录、并更好地排名。
我建议设置一个有意义的url,例如我的每一篇文章的url都是手动设置的,并且可以通过url推测这篇文章的内容。

URL前缀配置

在NotionNext的blog.config.js 中可以找到以下配置,来设置你的默认文章前缀:
默认填写的article ,您可以任意填写为其它前缀,例如 postp 等等。
 

变量配置

您可以配置以下变量,他们在生成网页后会被动态替换成对应的值
变量名
替换值
%year%
文章发布的年份,例如 2024
%month%
文章发布的月份,例如 11
%day%
文章发布的日期,例如 30
%category%
文章的分类,例如 分享
年月日取自博客文章的date字段,分类名在您的Notion数据库的category
notion image

使用示例

例如《SEO指南》 这个站点的url分格就是用的分类:访问文章的链接格式如下:https://seo.tangly1024.com/一、SEO概念入门/what-is-google-seo
notion image

分类名映射

如果分类名称是中文,希望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 image
可在参考模板数据库中配置

组合使用

以上变量可以混合使用,但是必须用/隔开。
例如:
POST_URL_PREFIX 配置为: %category%/%year%/%month%/%day%
则博客文章的url风格示例如下:https://[domain]/分类名称/2024/12/31/文章id
 
图片管理网站公告
Loading...
Catalog
Article List
✨ 更新日志
🚀 安装部署
✒ 写作指引
🛠 站点配置
📊 网站统计
⭐ 主题配置
📩 评论插件
🧷 外部插件
🔊 站点订阅
⌨ 开发指引
👨‍👦‍👦 联系方式
🤝 购买服务