Notion搭建博客网站｜NotionNext｜与GitHub源码相连接｜在Vercel网站上进行域名同步

该文章正文主要提供了通过Notion搭建博客网站的相关教程。该教程主要使用了GitHub的仓库源码和Vercel网站的域名公布上传。熟悉GitHub和Vercel的可以在两个小时内完成部署，并在Notion的配置中心完成自定义设置。

NotionNext博客由作者Tangly主开发，在不断的更新下，该博客拥有了很多特色主题，可作为网上相册，也可以是画廊，可作为技术博客，也可以制作为商业网站。该博客与Notion相互同步，搭建和排版不浪费精力，后期不需要过多的维护，完成网站内容的上传毫不费力，对小白来说，制作网站进行记录和学习更为优秀，可以通过与哔哩哔哩和YT的emby同步，达到自媒体最大化传播。

参考网站

点击访问

STEP 1：点击进入Notion官方网站，注册自己的账号

Notion官方网站

STEP 2：点击模板地址，点击右上角的复制并放到自己的Notion内

模板地址

STEP 3：在自己的notion模板中，点击Share并打开publish的功能， 并在下方复制给出的页面ID

页面ID为页面链接“/”后，“？”前的32位数字字母

STEP 4：点击前往GitHub官网，进行注册

官方网站

STEP 5：打开以下代码仓库并点击Fork(图标类似弹弓或者叉子)按钮，进行fork

仓库地址

STEP 6：打开Vercel并使用GitHub账号连接注册

Vercel官网

STEP 7：选择Notionnext，点击Import进行上传同步

STEP 8：配置Environment Variables（环境变量）

前输入框为NOTION_PAGE_ID

后输入框为页面ID（32位字符，在上述STEP3中取得页面ID）

STEP 9：点击Add（添加），最后点击Deploy部署

STEP 10：在部署完成页面点击返回Dashboard，点击visit即可查看自己的notion博客

STEP 11：在dashboard中在自定义域名中，可以设置自己已经购买的域名，根据vercel给出的相关指示在域名托管网站中设置相应的DNS解析。

后续在blog-config.js和配置文件中设置自己的博客

点击进入配置参考