URL风格自定义

category
tags
type
status
slug
summary
date
Last edited time
Sep 29, 2024 07:45 AM
icon
password
状态
天气
星期
日期
 
💡
在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
可在参考模板数据库中配置
⚠️
注意,这里最常出现一个错误,因为Notion会自动将用户输入的英文双引号转成中文,从而导致配置无法读取。因此建议复制我上面的配置进行调整,而非手动输入双引号
正常的英文双引号
正常的英文双引号
中文双引号的格式是非法的
中文双引号的格式是非法的
与双引号相关的配置都要格外小心,在其他的配置中也会出现类似的问题。
 
 

组合使用

以上变量可以混合使用,但是必须用/隔开。
例如:
POST_URL_PREFIX 配置为: %category%/%year%/%month%/%day%
则博客文章的url风格示例如下:https://[domain]/分类名称/2024/12/31/文章id
 
Prev
站点图标favicon与Github图床
Next
网站公告
Loading...
Article List
NotionNext-快速免费建站
✨ 更新日志
🚀 安装部署
✒ Notion教程
🛠 站点配置
⭐ 主题参数
📊 网站统计
📩 评论插件
🧷 外部扩展
⌨ 开发教程
🔊 运营教程
👨‍👦‍👦 获取帮助