本博客构建教程(Nobelium+Notion+Vercel)

date
Feb 26, 2022
slug
blog-build-teach
status
Published
tags
Website
summary
通过Github上拷贝Nobelium仓库，在Vercel一键化博客构建。
type
Post
本项目为Nobelium+Notion+Vercel 搭建的静态博客，搭建步骤如下。

一、从Github拷贝Nobelium开源项目到自己仓库

GitHub - craigary/nobelium: A static blog build on top of Notion and NextJS, deployed on Vercel.
A static blog build on top of Notion and NextJS, deployed on Vercel. - GitHub - craigary/nobelium: A static blog build on top of Notion and NextJS, deployed on Vercel.
GitHub - craigary/nobelium: A static blog build on top of Notion and NextJS, deployed on Vercel.
https://github.com/craigary/nobelium
GitHub - craigary/nobelium: A static blog build on top of Notion and NextJS, deployed on Vercel.

二、复制Nobelium模板页面到自己的Notion

NOBELIUM Template
A new tool for teams & individuals that blends everyday work apps into one.
https://www.notion.so/68be9021bca34b8e89f0246f27e608df?v=6f4262c569494be3bf211168b9789081
点击右上角的Duplicate复制。

三、关联Github与Vercel，配置变量部署网页

Develop. Preview. Ship. For the best frontend teams - Vercel
Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work. Start with the developer Vercel is the best place to deploy any frontend app. Start by deploying with zero configuration to our global edge network .
https://vercel.com/
Develop. Preview. Ship. For the best frontend teams - Vercel
修改项目名称(默认为Nobelium)为自己想要的，并且不能有大写字母。
在环境变量(Environment Variables)中添加NAME为NOTION_PAGE_ID，VALUE为自己Notion中对应项目地址栏www.notion.so/{page id}?v={view id}中的{page id}这一值。
直接发布等待2分钟即可访问，后续对于Notion进行修改后即可修改网站内容。
 

© Kairyu 2022 - 2025