Notion笔记搭建个人博客，公网访问无需服务器
老姜家本文作者：观新驿站
如果你也在使用notion笔记，如果你也想将notion笔记转换成个人博客。本文将使用NotionNext+ Vercel 架构完成notion笔记到个人博客的转化，通过 Vercel平台的二级公网域名访问，还可以配置到个人域名访问。NotionNext是一个免费的，使用notion接口和内容建站的开源项目，可以将Notion 笔记实时渲染成各种主题博客。整个过程通过 Vercel 平台免费托管，无需购买服务器。以下是从零开始部署 NotionNext 博客的详细步骤：
第一步：复制 Notion 模板并获取页面 ID
注册并登录您的 Notion 账号。 打开 NotionNext 的官方数据模板 https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d，点击页面右上角的 Duplicate，将博客数据模板复制到您的笔记空间中。 在您的 Notion 笔记中，点击页面右上角的 Share -> Published -> Share To Web 开启页面分享并获取共享链接。 提取页面 ID
在您的共享链接中，有一串连续的 32 位字母与数字（注意忽略 ?v=或?pvs=等后面跟随的字符），这就是页面 ID，请将其记录下来备用。
第二步：复刻（Fork）GitHub 源代码
注册并登录 GitHub 账号。建议使用 Gmail 或 Hotmail 等国际邮箱注册，尽量避免使用国内邮箱，否则后续登录 Vercel 时可能会被提示账号封禁。 访问 NotionNext 的 GitHub 仓库 https://github.com/notionnext-org/NotionNext，点击Fork（复刻） 将源代码一键复制到您的个人仓库中。
感谢@tangly1024大佬的开源分享！
第三步：在 Vercel 中部署项目
注册并登录 Vercel，推荐直接使用您的 GitHub 账号授权登录。 在 Vercel 控制台点击 New Project，在代码仓库列表中找到并导入您刚才 Fork 的 NotionNext 项目。 ⚠️ 注意：不要急着点击 Deploy 按钮。请先展开 Environment Variables（环境变量） 选项，添加一条配置： Name（属性名称）
填写： NOTION_PAGE_IDValue（属性值）
填写：第一步中获取的 32 位页面 ID 填写后务必点击右侧的 Add 按钮确认添加。 环境变量添加完成后，点击 Deploy 按钮，静候大约两分钟等待自动部署完成。部署成功后，您可以在控制台点击 Visit 或在 DOMAINS 中找到 Vercel 为您分配的网站地址进行访问。如果不配置个人私有域名，到这里就结束了。通过vercel的公网地址就可以访问了。
第四步：绑定自定义域名（国内访问必读）
因为 Vercel 默认提供的 *.vercel.app 域名在国内由于 DNS 污染已被屏蔽，如果您希望国内用户能正常访问您的博客，必须绑定自定义域名。
准备域名
您可以在 Namesilo（推荐，价格稳定且永久免费提供隐私保护）、Godaddy 等渠道购买域名，或申请 eu.org 等免费域名。 配置 DNS 解析
如果是国内阿里云DNS域名，在域名解析中将记录值指向 Vercel 专门为国内优化的服务器地址： cname-china.vercel-dns.com。Vercel 绑定域名
在 Vercel 控制面板找到 Domains -> Add，输入您的域名进行添加。 配置 NotionNext 环境变量
最后，回到 Vercel 后台，再添加一个环境变量 NEXT_PUBLIC_LINK，变量值为您刚刚绑定的新域名（例如http://xx.com）。
完成以上步骤后，您的独立博客就搭建完成了！未来所有的文章编写和发布都只需要在 NotionNext 的官方数据模板中进行，NotionNext 会实时抓取并渲染您的笔记内容（由于缓存原因，最多刷新两次页面即可看到同步结果）。大家可以访问https://www.funshow.top/，查看网站效果。
或许你有疑问，notion直接分享发布不也是可以网站访问吗？的确如果没有太多要求，notion直接发布就可以了。使用NotionNext+Vercel 的主要原因，是NotionNext开源项目里有丰富的网站主题模板可以直接使用，使用notionnext的模板也方便对笔记文章的管理配置。使用Vercel 平台主要是可以免费托管网站和方便私有域名对接。
边学边做边分享，如有错漏补充欢迎大家留言交流。下一步计划将个人博客网站接入google adsense广告主，有兴趣的可以关注。
