date
slug
status
tags
type
avatar
summary

准备

准备一个notion账号和github账号
有自己的域名就更棒了 😎

Notion

Notion是一款集成了笔记、知识库、数据表格、看板、日历等多种能力于一体的[应用程序]它支持个人用户单独使用,也可以与他人进行跨平台协作。更多可以看tangly1024对于notion的介绍,一定会让你喜欢上她
没有账号?赶紧上notion官网注册一个账号

Github

Nobelium

Notion拥有极其强大的富文本编辑能力,支持非常多的文本格式,如果可以拿来做博客就好了。但是Notion的分享功能相对鸡肋,而且也没啥曝光度。有没有办法搭建一个博客网站,但是同时却使用Notion的强大编辑能力呢?
有,解决方案就是Nobelium。
一个基于Notion和Nextjs,在Vercel上部署的静态博客系统。
Notion需要借助Nobelium提供的模板,将模板duplicate到自己的notion workspace
notion image
我用的是tangly1024开源的NotionNext,本质也是nobelium,只是有更多的自定义功能,具体可以看这篇文章,notion有了nobelium模板之后,我们就可以开始在vercel部署了

vercel

1.开启notion分享功能

notion image
 

2.复制页面ID

PageID = 9c934dc335db4ca39c0e0cce7590c8d3

3.Fork到你的github

如果有新的功能更新,我们可以使用sync fork同步
notion image

4.将我们fork的项目导入到vercel

4.1 使用您的github账号登录vercel
notion image
4.2 点击下方创建新项目,并选择从Github导入NotionNext代码
在代码仓库列表中选择导入NotionNext
4.3 点击Environment Variables(环境变量),并添加一个属性名称为NOTION_PAGE_ID,值为这里获取到的PageID。
notion image
添加完环境变量后,点击Deploy按钮,静候两分钟等待部署。
在部署完成页面,点击Go to Dashboard访问控制台
notion image
在控制台右上角的Visit按钮访问您的站点。或在DOMAINS中获取您的网站地址
notion image

5.配置域名

notion image
添加你自己购买的域名