如何用Notion搭建一个博客

一、思路导图

创建notion账号：notion.so

notion有很多优点，支持win客户端，支持手机，支持web。

创建github账号

创建vercel账号

二、notion创建及配置

创建账号不再赘述，账号创建成功以后进入导入notion的模板：

模板地址：点我直达

进入模板以后，可以看到右上角的 Duplicate ，点击可以直接导入到自己的notion；

可以根据需要更改模板的内容

在刚刚的模板界面可以看到右上角有个 Share 选择shre to web；

将打开模板的网页地址中 NOTION_PAGE_ID 找到

https://www.notion.so/NOTION_PAGE_ID?v=xxxx

NOTION_PAGE_ID就是打开的模板的网址中那一串字符；

三、github操作

注册账号不再赘述，账号注册成功以后fork一个notionnext的项目；

NotionNext地址：点我直达

进入大佬的仓库，fork一个到自己的仓库；

可以找到根目录的 blog.config.js ，之后github的所有修改都在这里面，而且中文注释很完整；

另外提供一个NotionNext的文档：点我直达

新建评论插件的仓库

创建一个仓库，仓库名称需要记住，比如仓库名称叫做 next-msg

进入github创建一个OAuth application：点我直达

Application name 填入仓库名称： next-msg

Homepage URL、Authorization callback URL 均填入自己的github地址。

比如我的是 https://github.com/vvxu

Register application 成功以后，在界面中生成一个CLIENT_SECRET；

现在需要记住 CLIENT_ID、CLIENT_SECRET 这两个参数；

具体教程可以到：NotionNext如何添加评论插件 | TANGLY’s BLOG (tangly1024.com)内容的 “3. Gitalk” 有详细介绍；

四、vercel操作

注册vercel，成功以后add new project；

Import Git Repository 里面可以看到刚刚github里面fork的NotionNext仓库，点击import；

project name随意，重点是点开 Environment Variables ，输入环境，点击添加；

添加完成以后，点击Deploy，然后坐等提示访问就可以了。