【排版紊乱】更到最新版后，标题有出现排版错乱的现象！切换回旧版本就可以正常显示。

[AShanWang]

描述bug
🐶更到最新版后，标题有出现排版错乱的现象！切换回旧版本就可以正常显示。如下图所示：

1. 这是notion里的显示：
   

2. 这是最新版博客的显示：（内容标题有排版错位，给挤到一起了）
   

3. 这个是切换回旧版本的显示：（显示正常）
   

---

期望的正常结果
希望排版恢复正常，与notion里的内容格式保持一致！

复现步骤

1. 在notion文章里，创建个一级标题，然后回车，再创建个二级标题。这个时候，去博客那边查看，可能会正常显示排版格式。但要是点击重部署后，在博客哪里，你就会发现博客那边"一级标题和二级标题挤到一块去了，它们之间换行消失了！"
2. 我将分支切换到旧版本后，在博客那边，就能正常显示。当再次切换到最新版分支后，问题复现！

环境

• 【必填】NotionNext版本 [4.8.4]
• 【必填】主题 [hexo]
• 【必填】部署方案 [vercel]
• 【可选】操作系统: [Android,windows]
• 【可选】浏览器 [chrome,firefox]

补充说明
已确定是新版问题。

[LooseLi]

描述bug 🐶更到最新版后，标题有出现排版错乱的现象！切换回旧版本就可以正常显示。如下图所示：

1. 这是notion里的显示：
   
2. 这是最新版博客的显示：（内容标题有排版错位，给挤到一起了）
   
3. 这个是切换回旧版本的显示：（显示正常）
   

期望的正常结果 希望排版恢复正常，与notion里的内容格式保持一致！

复现步骤

1. 在notion文章里，创建个一级标题，然后回车，再创建个二级标题。这个时候，去博客那边查看，可能会正常显示排版格式。但要是点击重部署后，在博客哪里，你就会发现博客那边"一级标题和二级标题挤到一块去了，它们之间换行消失了！"
2. 我将分支切换到旧版本后，在博客那边，就能正常显示。当再次切换到最新版分支后，问题复现！

环境

• 【必填】NotionNext版本 [4.8.4]
• 【必填】主题 [hexo]
• 【必填】部署方案 [vercel]
• 【可选】操作系统: [Android,windows]
• 【可选】浏览器 [chrome,firefox]

补充说明 已确定是新版问题。

如上图，你在 notion 中是这样创建一二级标题的吗？奇怪，我这边按照你的步骤并没有复现该问题。最好提供一下步骤截图以及你的博客地址~

[AShanWang]

描述bug 🐶更到最新版后，标题有出现排版错乱的现象！切换回旧版本就可以正常显示。如下图所示：

1. 这是notion里的显示：
   
2. 这是最新版博客的显示：（内容标题有排版错位，给挤到一起了）
   
3. 这个是切换回旧版本的显示：（显示正常）
   

期望的正常结果 希望排版恢复正常，与notion里的内容格式保持一致！
复现步骤

1. 在notion文章里，创建个一级标题，然后回车，再创建个二级标题。这个时候，去博客那边查看，可能会正常显示排版格式。但要是点击重部署后，在博客哪里，你就会发现博客那边"一级标题和二级标题挤到一块去了，它们之间换行消失了！"
2. 我将分支切换到旧版本后，在博客那边，就能正常显示。当再次切换到最新版分支后，问题复现！

环境

• 【必填】NotionNext版本 [4.8.4]
• 【必填】主题 [hexo]
• 【必填】部署方案 [vercel]
• 【可选】操作系统: [Android,windows]
• 【可选】浏览器 [chrome,firefox]

补充说明 已确定是新版问题。

如上图，你在 notion 中是这样创建一二级标题的吗？奇怪，我这边按照你的步骤并没有复现该问题。最好提供一下步骤截图以及你的博客地址~

---

前置条件：在Github上，确保使用的是最新最新版！（notion-next）

1. 是的，我是按#号键来创建标题的。
2. 在写文章的时候，我是把状态设置为"隐藏"，当时在博客那边预览，标题格式还是正常的；在我把文章写完后，状态设置为"公开"，然后去vercel那里"重部署"了一下，然后博客这边就出现"标题紊乱"的现象了。
   

---

3. 我的notion分享页如下：
   https://jyjc.notion.site/yt-dlp-GUI-jy21-200c922057298080bce6d4e9996a73d2?pvs=4

4. 我的博客页面如下：
   https://jyjc.cloudns.org/yt-dlp

我自己有做以下尝试：

1. 重新复刻notion模版，用新的Github和新的vercel，代码除notion-ID外，其余不做任何更改！
2. 使用我的notion-id，错误依旧（排版错乱）
3. 使用新模版的id，却是正常的（错误没有复现，排版正常）
4. 考虑到我notion-数据库里，在【配置中心】中启用了一些环境变量，如下图：
   （但毕竟切换到旧版本就正常，应该和这些没啥关系，错误出现在哪，真是头大！）
   

[LooseLi]

描述bug 🐶更到最新版后，标题有出现排版错乱的现象！切换回旧版本就可以正常显示。如下图所示：

1. 这是notion里的显示：
   
2. 这是最新版博客的显示：（内容标题有排版错位，给挤到一起了）
   
3. 这个是切换回旧版本的显示：（显示正常）
   

期望的正常结果 希望排版恢复正常，与notion里的内容格式保持一致！
复现步骤

1. 在notion文章里，创建个一级标题，然后回车，再创建个二级标题。这个时候，去博客那边查看，可能会正常显示排版格式。但要是点击重部署后，在博客哪里，你就会发现博客那边"一级标题和二级标题挤到一块去了，它们之间换行消失了！"
2. 我将分支切换到旧版本后，在博客那边，就能正常显示。当再次切换到最新版分支后，问题复现！

环境

• 【必填】NotionNext版本 [4.8.4]
• 【必填】主题 [hexo]
• 【必填】部署方案 [vercel]
• 【可选】操作系统: [Android,windows]
• 【可选】浏览器 [chrome,firefox]

补充说明 已确定是新版问题。

如上图，你在 notion 中是这样创建一二级标题的吗？奇怪，我这边按照你的步骤并没有复现该问题。最好提供一下步骤截图以及你的博客地址~

前置条件：在Github上，确保使用的是最新最新版！（notion-next）

1. 是的，我是按#号键来创建标题的。

2. 在写文章的时候，我是把状态设置为"隐藏"，当时在博客那边预览，标题格式还是正常的；在我把文章写完后，状态设置为"公开"，然后去vercel那里"重部署"了一下，然后博客这边就出现"标题紊乱"的现象了。
   

3. 我的notion分享页如下：
   https://jyjc.notion.site/yt-dlp-GUI-jy21-200c922057298080bce6d4e9996a73d2?pvs=4

4. 我的博客页面如下：
   https://jyjc.cloudns.org/yt-dlp

我自己有做以下尝试：

1. 重新复刻notion模版，用新的Github和新的vercel，代码除notion-ID外，其余不做任何更改！
2. 使用我的notion-id，错误依旧（排版错乱）
3. 使用新模版的id，却是正常的（错误没有复现，排版正常）
4. 考虑到我notion-数据库里，在【配置中心】中启用了一些环境变量，如下图：
   （但毕竟切换到旧版本就正常，应该和这些没啥关系，错误出现在哪，真是头大！）
   

嗯…… 确实挺奇怪的。我这边博客也是最新版本，按照你的操作步骤测试，依然无法复现这个问题，甚至标题文案的样式都和你的一模一样。而且我尝试切换你的博客主题，问题也依旧存在。
鉴于你提到换一个新的 notion-id 后排版就正常，建议你可以用原本的 notion-id 再进一步测试：重新创建一个新页面，只加一级和二级标题，看看是否还会出现问题。

[AShanWang]

@LooseLi

1. 在我创建新页面后，没有出现排版问题；

但我不确定过一段时间，比如数小时，或第二天，它是否还会保持排版正常。因为我最近的文章在刚写完后，它排版正常了有1天左右的时间，才出现排版紊乱的。 https://jyjc.cloudns.org/007

2. 我目前博客上，几乎所有的文章都出现了排版紊乱。

比如除了之前问题所列举的博文外，还有这个最明显 https://jyjc.cloudns.org/xiaomi_js 能很清楚的看到标题给挤在了一起。

3. 排版紊乱的现象，是从2025年5月20日开始的。

因为我是用微软的Clarity来监控我的网站的，它能让我像看监控一样，看别人访问我网站的画面，经过查询得知：在2025年5月19日16:45分时，我博客的排版都是正常的；从5月20日01:34分开始，出现排版问题，影响的是我博客的几乎所有文章。（我Github上的代码，一般更新的很及时。只要我收到推送提醒，就基本给立即更新了）

---

1. 我尝试将我notion的博文页复刻成一个新page，然后给移动到新模版里，在网页端发现排版正常！但当我尝试将我notion数据库复刻一份，然后将新id填入新vercel里，排版照旧紊乱！
2. 我将代码分支切换到4.4.3版，我所有的博文内容排版就恢复正常了，但毕竟此版本过旧，虽能让排版恢复正常，但封面却无法加载。目前我很希望得到一份5月19日之前最新的代码，但我不知道该怎样获取它。

➤ 另外，根据你回复的时间推测，这个应该是你访问我网站的画面，我看到了好像执行了F12，导致画面宽度缩短。
https://clarity.microsoft.com/shared/recording/f38e8257-9098-4593-97bc-5bd07a74b219

[LooseLi]

对，f12调出控制台会导致视窗尺寸变化，这个没有什么影响。
你可以选择一个标题样式失效的页面，把一二级标题删除再重新创建试试。
如果想要回到以前的版本，可以在vercel部署历史中找到你所说5.20之前的tangly老师部署记录并redeploy，前提是你的生产版本用的是main分支

[AShanWang]

对，f12调出控制台会导致视窗尺寸变化，这个没有什么影响。 你可以选择一个标题样式失效的页面，把一二级标题删除再重新创建试试。 如果想要回到以前的版本，可以在vercel部署历史中找到你所说5.20之前的tangly老师部署记录并redeploy，前提是你的生产版本用的是main分支

==我好像找到了问题相关性因素==

➤ 都是==同步块==惹的祸，这个复现过程，用的是全新的Github账号，全新的notion模版，全新的vercel；

复现错误的 ==步骤==：

1. 新建文章
2. 创建同步块
3. 在同步块里，创建1级标题，回车，2级标题
4. 在博客端，你会发现，这俩标题给挤到一块去了。
   
   

---

以下是我发现问题原因的过程：

我将我的notion页直接创建副本!只修改标题、slug（这里的notion页，是指在博客端==排版紊乱==的notion页面）

1. 直接创建副本，博客端，排版依旧紊乱，错误1:1复现。链接➤ https://jyjc.cloudns.org/21
2. 创建副本后，将里面的同步块取消同步，博客端，排版正常。链接➤ https://jyjc.cloudns.org/22
3. 创建副本后，直接在内容开头，来个1级标题，回车，再来个2级标题，再回车，来个引用；然后，博客端，排版错误完美复现！（只因没有取消同步块）链接➤ https://jyjc.cloudns.org/23
   
   

---

关于同步块

实际上，我有2个notion数据库，1个就是用来搭建notion-next博客的，另外一个是画廊数据库；（这2个数据库都是公开的）
==每次我在写完博客后，都会把内容ctrl+a全选，复制粘贴到画廊数据库的文章中，并形成同步块。==

➤ 请问这种情况，该如何处理？这同步块，对俺有用，俺是不会考虑去掉同步块的！
➤ 俺这同步块，从去年上半年就开始在用了，一直都很正常；直到在今年5月19日更新代码后，才出现了这种排版紊乱的情况。
➤ 而通过切换旧版分支，就能恢复正常，可得出，这能通过代码修复。
➤ 怎奈我对代码一窍不通，犹如天书；还请大佬在空闲之余给修修看，小弟在此先行谢过；膜拜大佬！

[LooseLi]

对，f12调出控制台会导致视窗尺寸变化，这个没有什么影响。 你可以选择一个标题样式失效的页面，把一二级标题删除再重新创建试试。 如果想要回到以前的版本，可以在vercel部署历史中找到你所说5.20之前的tangly老师部署记录并redeploy，前提是你的生产版本用的是main分支

==我好像找到了问题相关性因素==

➤ 都是==同步块==惹的祸，这个复现过程，用的是全新的Github账号，全新的notion模版，全新的vercel；

复现错误的 ==步骤==：

1. 新建文章
2. 创建同步块
3. 在同步块里，创建1级标题，回车，2级标题
4. 在博客端，你会发现，这俩标题给挤到一块去了。
   
   

以下是我发现问题原因的过程：

我将我的notion页直接创建副本!只修改标题、slug（这里的notion页，是指在博客端==排版紊乱==的notion页面）

1. 直接创建副本，博客端，排版依旧紊乱，错误1:1复现。链接➤ https://jyjc.cloudns.org/21
2. 创建副本后，将里面的同步块取消同步，博客端，排版正常。链接➤ https://jyjc.cloudns.org/22
3. 创建副本后，直接在内容开头，来个1级标题，回车，再来个2级标题，再回车，来个引用；然后，博客端，排版错误完美复现！（只因没有取消同步块）链接➤ https://jyjc.cloudns.org/23
   
   

关于同步块

实际上，我有2个notion数据库，1个就是用来搭建notion-next博客的，另外一个是画廊数据库；（这2个数据库都是公开的）
==每次我在写完博客后，都会把内容ctrl+a全选，复制粘贴到画廊数据库的文章中，并形成同步块。==

➤ 请问这种情况，该如何处理？这同步块，对俺有用，俺是不会考虑去掉同步块的！ ➤ 俺这同步块，从去年上半年就开始在用了，一直都很正常；直到在今年5月19日更新代码后，才出现了这种排版紊乱的情况。 ➤ 而通过切换旧版分支，就能恢复正常，可得出，这能通过代码修复。 ➤ 怎奈我对代码一窍不通，犹如天书；还请大佬在空闲之余给修修看，小弟在此先行谢过；膜拜大佬！

我测试了一下，问题确实是由同步块引起的，主要是由于 react-notion-x 这个三方依赖所致。前不久 NotionNext 升级到了最新版本的 react-notion-x，而该版本中可以复现这个问题，可能需要等待后续该库的修复。

[LooseLi]

@AShanWang
我给react-notion-x提交了一份修复 pr，等未来检查合并吧。
NotionX/react-notion-x#636

[AShanWang]

@AShanWang 我给react-notion-x提交了一份修复 pr，等未来检查合并吧。 NotionX/react-notion-x#636

好的，辛苦大佬了！
大佬牛逼👍