Notion博客搭建教程

日期

Mar 15, 2025

标签

教程

状态

首先，访问

GitHub - transitive-bullshit/nextjs-notion-starter-kit: Deploy your own Notion-powered website in minutes with Next.js and Vercel.

Deploy your own Notion-powered website in minutes with Next.js and Vercel. - transitive-bullshit/nextjs-notion-starter-kit

GitHub - transitive-bullshit/nextjs-notion-starter-kit: Deploy your own Notion-powered website in minutes with Next.js and Vercel.

https://github.com/transitive-bullshit/nextjs-notion-starter-kit

GitHub - transitive-bullshit/nextjs-notion-starter-kit: Deploy your own Notion-powered website in minutes with Next.js and Vercel.

进行Fork，

然后打开

Vercel: Build and deploy the best web experiences with the Frontend Cloud

Vercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.

Vercel: Build and deploy the best web experiences with the Frontend Cloud

http://vercel.com

Vercel: Build and deploy the best web experiences with the Frontend Cloud

进行部署，

接着分享Notion页面，并发布，

然后获取页面ID，例如

https://imjcj.notion.site/June-s-Blog-1bb715bc03d34b529a01426cc99dc4a3?pvs=4

中，页面ID就是1bb715bc03d34b529a01426cc99dc4a3

（最后一个“-”后，第一个“?”前）

之后更改Git存储库中的site.config.ts

将rootNotionPageId的值改为页面ID，

将name改为博客名称

将domain改为博客域名

将author改为你的昵称

更改github、mastodon、newsletter的值

即可。