如何用Notion搭建一个博客

一、思路导图

1. 创建notion账号：notion.so

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

1. 创建github账号
2. 创建vercel账号

二、notion创建及配置

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

模板地址：点我直达

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

1. 可以根据需要更改模板的内容
2. 在刚刚的模板界面可以看到右上角有个 Share 选择shre to web**；**
3. 将打开模板的网页地址中 NOTION_PAGE_ID 找到

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

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

三、github操作

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

NotionNext地址：点我直达

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

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

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

1. 新建评论插件的仓库

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

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

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

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

比如我的是 ****https://blog.wxsin.com

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

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

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

四、vercel操作

1. 注册vercel，成功以后add new project；
2. Import Git Repository 里面可以看到刚刚github里面fork的NotionNext仓库，点击import；
3. project name随意，重点是点开 Environment Variables ，输入环境，点击添加；

Name Value

Will Be Encrypted

NOTION_PAGE_ID

填入上面找到的字符

NEXT_PUBLIC_COMMENT_GITALK_REPO

next-msg

NEXT_PUBLIC_COMMENT_GITALK_OWNER

自己的github名，我的是vvxu

NEXT_PUBLIC_COMMENT_GITALK_ADMIN

自己的github名，我的是vvxu

NEXT_PUBLIC_COMMENT_GITALK_CLIENT_ID

刚刚获得的CLIENT_ID

NEXT_PUBLIC_COMMENT_GITALK_CLIENT_SECRET

CLIENT_SECRET

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