准备工作

1. 下载和注册notion (请先熟悉Notion操作)

2. 注册Vercel（用于托管notion博客，这里推荐选择Github账号）

3. 注册Cloudfare(用于托管dns)

4. 注册Github

5. 准备一个dns域名
1. ClouDNS (经测试无法用于vercel)
2. 腾讯云 (付费，该教程将以此为例)

创建Notion页面

获取模板

1. 登陆本地Notion账号

2. 打开模板
   
   Notion 博客

3. 复制模板，导入到本地Notion

获取页面ID

Github Fork仓库

1. 登陆Github账号

2. 复制以下链接，在自己仓库fork项目
github.com
https://github.com/tangly1024/NotionNext/fork

Vercel部署

1. 登陆账号

2. 创建和导入项目
Dashboard
To deploy a new Project, import an existing Git Repository or get started with one of our Templates.

https://vercel.com/new

配置页面ID并部署

1. 点击Environment Variables（环境变量），并添加一个属性名称为NOTION_PAGE_ID，值为之前步骤获取的页面ID。

2. 点击Deploy按钮，静候两分钟等待部署

完成部署

DNS解析

腾讯云购买DNS

1. 登陆腾讯云，完成实名认证
登录 - 腾讯云
腾讯云为数百万的企业和开发者提供安全、稳定的云服务器、云主机、CDN、对象存储、域名注册、云存储、云数据库等云服务，帮助用户解决游戏、视频、移动、微信、互联网+等行业的架构难题，是全球领先的云计算服务商。

https://cloud.tencent.com/login?s_url=https%3A%2F%2Fcloud.tencent.com%2Fproduct%2Fdns

2. 输入和购买想要的域名
域名注册_免费智能DNS_域名交易_域名购买申请 - DNSPod - 腾讯云官网
腾讯云旗下品牌 DNSPod ，全球领先的域名服务注册商，提供域名注册、域名查询、域名购买、域名交易等功能，以及DNS解析、SSL证书一站式服务，满足千万用户的网站建设需求。腾讯云 DNSPod 提供可靠技术、全方位保障护航，助力用户在此快速完成品牌数字化建设，并实现云资源的统一管理及高效调度。

https://dnspod.cloud.tencent.com/

3. 完成服务激活

Vercel添加DNS

1. 进入vercel项目Project，点击settings → Domains→ Add

2. 输入购买的域名，会显示如下内容，选择第一个代表www开头也能进入

3. 直接添加根域名后，vercel会提示需要添加一条@记录指向vercel的服务器 76.76.21.21



💡
上一步选择www会生成两个，一般分别为
A @ 76.76.21.21
CNAME www cname.vercel-dns.com.

CloudFlare托管

1. 登录cloudflare，右上角点击添加站点，这里就输刚才买的域名，然后点击继续，选择免费

2. 点击下一步，直接到这步暂停

3. 此时回到腾讯云→我的域名，点击自己的域名，修改DNS服务器，将上一步的两个服务器填入

1. 继续或者在Cloudflare仪表盘中，选择你之前添加的域名，进入DNS管理界面；点击添加由Vercel提供的A和CNAME记录

2. 等待一段时间，直到cloudflare账户主页的dns显示活动

完成部署

1. 回到Vercel，直到显示全部Valid，就可以直接用自己的域名进行访问

NotionNext开发

参考链接

基于NotionNext的个人网站|博客搭建与部署实例教程-CSDN博客

文章浏览阅读2.5k次，点赞32次，收藏18次。📕Notion是一个多功能的笔记软件，其功能具有极高的可玩性（可以在页面中加入代码、视频、链接...简直就是博客神器），UI设计人性化，支持用户进行自编辑与根据官方API进行二次开发，大家可以先进入Notion的官网进行了解（由于作者之前做笔记都是使用幕布，现在使用Notion实在是越级的体验🤦‍），本文介绍的NotionNext就是基于NotionAPI开发的开源项目。_notionnext

https://blog.csdn.net/C_JackForme/article/details/140280730

Vercel部署NotionNext | NotionNext帮助手册

Vercel是一款国外的Serverless托管平台，对个人用户使用几乎免费，而且方便快捷，用Vercel托管你的Notion站点，无需再操心服务器的维护与资费问题。

https://docs.tangly1024.com/article/vercel-deploy-notion-next