Lazy loaded image
NotionNext使用备忘
字数 494阅读时长 2 分钟
2025-3-17
2025-6-3
type
status
date
slug
summary
tags
category
icon
password
 
😀
前言: 这里是使用NotionNext过程中遇到一些问题的备注
 

部署

按照前辈教程来说就可以
 

遇到的问题

页面ID失效

问题

在vercel中多次删除重建项目,会导致引入notion的页面ID失效
补充,很快发现,导致页面ID失效的原因是打乱了notion数据库的视图顺序
notion image
如果我把Table试图拖到最后,网站就找不到notion数据库的页面信息了。

解决办法

备份好数据,建立新数据库,获得新页面ID,更新vercel中的环境变量并重新部署
保持notion数据库的视图顺序,注意每个视图调整filter是不影响的
 

多数据库静态部署

  1. 使用同一套 github 上 fork 的 notion-next 项目
  1. 使用 vercel 部署基于第一步项目的新项目,如 miozlife-notionnext-read(添加 notion 页面 ID)
  1. 添加二级域名解析,如 read.mioz.life
  1. 给 vercel 项目 miozlife-notionnext-read 添加域名
  1. 根据 vercel 提醒补充 _vercel 解析
  1. 给 vercel 项目 miozlife-notionnext-read 添加 twikoo 评论的环境变量(从已有项目复制过来即可)
  1. 将 vercel 的 notionnext 项目均改成 yarn export 静态部署
  1. 修改 github 的 notionnext 项目文件,vercel 项目将自动排队重新部署
 

一些修改

Heo主题文章头图

初始的文章头图,蓝色面积过大,视觉上会觉得颜色偏亮,容易造成视觉疲累。
简单修改样式,保持蓝色主调,扩大头图
 
 
 
💡
欢迎您在底部评论区留言,一起交流~
 
上一篇
工作流梳理
下一篇
20250618 苦巧

评论
Loading...