NotionNext相较于传统博客的优势

• 无需云服务器或虚拟主机，仅需一个域名便可建站

• 同步个人Notion文章，可多端续写

• 项目全开源，可自定义程度高

正文开始！

1. 购买域名
虽然在部署时Vercel会分配一个域名，但该域名过长且在国内存在DNS污染导致大多数时候无法访问，所以需要自己购买一个域名，也可使用免费域名，但由于篇幅限制，本文只介绍购买付费域名。
目前成本较低的域名或许就是“小姨子(xyz)“域名了，有条件进行域名备案的可以在国内域名商(如阿里云，腾讯云)里购买，如果没条件备案，推荐在Spaceship网站上购买(官网网址:Launch your website, ideas, and future - Spaceship，支持Alipay支付)，纯数字前缀的xyz域名一年只需十几元，如果前缀带字母，则一年可能会需要80元以上。
购买完域名后，需要把域名代理至Cloudflare上(官网网址:全球云平台 | Cloudflare 中国官网 | Cloudflare），先注册一个账号，然后根据域名添加提示，在域名提供商处更换为Cloudflare提供的DNS服务器就好了。

2. Fork NotionNext项目到自己的Github账号下
打开NotionNext的Github项目(网址:https://github.com/tangly1024/NotionNext)，点击右上角的Fork选项(需登录Github)，将项目克隆至自己的账号下，并修改项目中的blog.config.js文件，将文件中的
替换为
然后保存即可

3. 获取Notion页面ID
进入Notion官网(https://www.notion.so/login)，注册账号并登录。然后打开https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5，点击



将该数据库添加至自己Notion账号中后点击右上角的分享→发布，打开分享后提供的网站，在地址栏中找到



红框部分就是你的数据库页面ID

4. 使用Vercel部署NotionNext
打开Vercel官网(网址:https://vercel.com/)，根据提示使用Github账号进行登录，进入主界面后，点击Add New→New Projrct，然后在Import Git Repository下选择刚才克隆的NotionNext项目，在Environment Variables里面添加Key值为NOTION_PAGE_ID，Value值为你的页面ID的变量



然后点击下面的Deploy，等待2~3分钟的部署时间，部署成功后就会来到这个界面

5. 添加自定义域名
进入控制后台后，来到图示的地方



添加你的域名，如



在Vercel中添加后，打开Cloudflare，点进你的域名→DNS记录→添加记录，根据图示进行添加，其中红框中的内容必须要一样，蓝框中可自定义



添加完成后来到SSL/TLS→配置，将加密方式改为完全



之后就可以回到Vercel，检查域名状态是否变成了这样



变为这样后，就可以打开你添加的网址，测试是否能正常访问了

然后，就大功告成了