使用Notion搭建博客,并使用Cusdis评论系统

昨天在网上闲逛的时候,看到关注的一个博主说自己用notion搭建了博客,非常感兴趣,所以我自己也来实践一下,下面写一下简单的搭建流程

准备材料

一个github账户

一个notion账户

一个vercel账户

一个Cusdis账户

请提前注册准备好

操作流程

1.打开 ,然后给自己复制一个,点击右上角的 Duplicate 就可以,将这个页面复制到自己的账号里之后,将自己账户里的这个页面分享出来,右上角的share,然后获得分享链接,如下两图
使用Notion搭建博客,并使用Cusdis评论系统_第1张图片
使用Notion搭建博客,并使用Cusdis评论系统_第2张图片

2.打开这个git项目:nobelium,fork到自己的仓库里,然后修改blog.config.js文件,将title,author,email修改成你自己喜欢的,然后comment的部分,将provider的内容修改成 cusdis,并将cusdisConfig部分的appId填上(Cusdis的操作比较简单,新建一个website,然后appId点击Embed Code可以获得)。

3.打开vercel,然后点击new project,在自己的git仓库中选择刚才fork并修改好的仓库,同时在环境变量中,记得填上名称为NOTION_PAGE_ID的变量,这个就是分享出来的链接中最后一个/后面的内容,32位,之后deploy

4.成功之后你就获得了一个带评论系统的网站,之后更新博客就直接在自己的notion页面中添加新的一条就可以了,快试试吧。

举个例子:使用Notion搭建博客,并使用Cusdis评论系统

你可能感兴趣的:(Web前端,网站,notion,git,github)