How to build a blog with notion !

Hello Everyone ! Welcome to my channel.

Today I will tell you how to bulid a blog with notion and next.js.

准备工作

• 首先你需要具备一个GitHub账户，一个Vercel账户，以及一个Notion账户，如果没有请先去注册。这些账户都是免费的，当然也有付费的可选。

• 到Github仓库去拉取建网站最关键的Next.js Notion Starter Kit，这里你可以点击下面的链接
  transitive-bullshit/nextjs-notion-starter-kit.git
  将该仓库Fork到你本地仓库中。

Vercel中的操作

• 创建好vercel账户后如下图所示

• 接着点击New Project 创建一个新项目，接着选取你刚Fork的仓库，我的是Kevin- notion-blog. 点击Import

• 接着选择personal account。

Notion中创建博客主体

• 这是我的博客主题，创建好之后就可以到vercel进行下一步了，如果你还没想好你的博客风格和排版，你可以只创建一个空的page，以后在慢慢往里填充你的作品。

GitHub中的配置

• GitHub中只需要更改site.config.js文件即可，其中utterancesGithubRepo是在你的博客中嵌入的一个评论功能，你只需要编辑utterancesGitHubRepo config 的值，使其指向您要用于问题注释的仓库即可，Utteranc.es是一个了不起的开源项目，使开发人员能够将GitHub问题作为评论部分嵌入到其网站上。

• 在这里要注意domain的 config要设置为你创建好的博客的域名，否则无法使用评论功能。

关键之处

• BLOG_INDEX_ID : 如果您Notion页面的URL是https://www.notion.so/Blog-S5qv1QbUzM1wxm3H3SZRQkupi7XjXTul， 则你的 BLOG_INDEX_ID 是 S5qv1QbU-zM1w-xm3H-3SZR-Qkupi7XjXTul

• NOTION_INDEX : 在Notion页面打开开发者工具（F12），找到cookie选择 token_v2的值即可。

• 完成之后点击Deploy，到此如果出现下面的页面恭喜你创建博客成功。

• 在vercel首页你能看到你刚才创建的项目。

• 点击Visit你将看到你在Notion中创建的Notion项目。

结语

• 到此博客搭建完毕，在这里我将搭建博客的步骤记录下来，希望对有兴趣的你有所帮助。 在搭建过程中有什么问题可以在底下评论区留言。