NotionNext的愿景是帮助非技术人员的小白，最低成本、最快速地搭建自己的网站，帮助您将自己的产品与故事高效地传达给世界。

此教程主要用于记录和整理用Netlify搭建NotionNext的过程，官网提供详细的Vercel搭建的方法，由于自己的Vercel运行一年后免费额度用完，转用Netlify搭建。前言

准备

• Notion软件和注册账号

• 获取Github上NotionNext源码以及个人注册一个账号

• 一个自己的域名

步骤

1、下载Notion软件，并注册账号，获取NotionNext模板以及页面ID。

• 用浏览器打开 Notion官网：https://www.notion.com/zh-cn

• 下载应用后安装到你的电脑上，并根据要求获取你的Notion

• 注册完成后获取NotionNext的模版，点击下方模版连接

• 在右上角点击Duplicate复制模板，如图所示。点击后会将这个博客数据模板复制到您的笔记空间中。

• 获取页面ID（备用-很重要仔细查看）

• 复制页面ID，页面ID在您的共享链接中、域名中间的一串32位字母与数字。如下图所示：

• 页面ID提醒：

• 保存下拉备用。

2、从Github上复制源代码到自己的仓库

• 从github上注册好账号以后，fork大佬仓库。

• 注意，请不要使用qq邮箱等国内邮箱，尽量使用hotmail或gmail等国际邮箱

• 点击下方链接一键Fork大佬的仓库

FORK 仓库源码

3、Netlify上部署

• 打开浏览器：访问Netlify网站注册，这里推荐选择Github账号登录。

• 选择Add new project—import an exiting project

• 选择Github

• 找到你刚刚fork的NotionNext项目。然后点击下一步。

• 填写你的名称（你喜欢的就好）

• 这里要注意了，添加刚刚第一步取得页面ID：找到 Environment variables并添加一个属性名称为NOTION_PAGE_ID，值为步骤一获取的页面ID。

• 最后点击Deploy XX 按钮就可以了。

• 点击右侧的Projects，就可以看到你刚刚部署的页面了。

3、绑定自己的域名

• 点击刚刚的项目后，点击 Domain management ，然后进行绑定自己的域名

• Netlify上设置好以后，到你域名注册的地方去按照要求进行解析，待解析生效后，就可以通过你自己的域名访问了。

🤗 如果写的不好，请多包涵。

📎 参考文章

• Vercel部署NotionNext—Vercel部署NotionNext | NotionNext帮助手册Vercel部署NotionNext | NotionNext帮助手册
  

  Vercel部署NotionNext | NotionNext帮助手册

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

  Vercel部署NotionNext | NotionNext帮助手册

• Vercel绑定自定义域名—Vercel绑定自定义域名 | NotionNext帮助手册Vercel绑定自定义域名 | NotionNext帮助手册
  

  Vercel绑定自定义域名 | NotionNext帮助手册

  Vercel 借助cloudFlare可以快速绑定解析自己的域名

  Vercel绑定自定义域名 | NotionNext帮助手册

• Netlify云函数部署-Netlify云函数部署 | NotionNext帮助手册Netlify云函数部署 | NotionNext帮助手册
  

  Netlify云函数部署 | NotionNext帮助手册

  Notion开源、免费、快速建站

  Netlify云函数部署 | NotionNext帮助手册