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

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

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

准备材料

一个github账户

一个notion账户

一个vercel账户

一个Cusdis账户

请提前注册准备好

操作流程

1.打开 ,然后给自己复制一个,点击右上角的 Duplicate 就可以,将这个页面复制到自己的账号里之后,将自己账户里的这个页面分享出来,右上角的share,然后获得分享链接,如下两图

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评论系统

相关文章
|
编解码
PR2023版一键安装PR2023PR软件最新版安装教程PR软件下载教程免费版
Premiere Pro提供了丰富的视频编辑功能,包括编辑、修剪、调色等。它支持多个视频和音频轨道,可以实现多重媒体编辑。用户可以使用它来调整视频的裁切、旋转、速度、动画等属性,拥有自由度极高的编辑空间。
1037 0
|
3月前
|
人工智能 自然语言处理 Shell
🦞 如何在 OpenClaw (Clawdbot/Moltbot) 配置阿里云百炼 API
本教程指导用户在开源AI助手Clawdbot中集成阿里云百炼API,涵盖安装Clawdbot、获取百炼API Key、配置环境变量与模型参数、验证调用等完整流程,支持Qwen3-max thinking (Qwen3-Max-2026-01-23)/Qwen - Plus等主流模型,助力本地化智能自动化。
77661 201
🦞 如何在 OpenClaw (Clawdbot/Moltbot) 配置阿里云百炼 API
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
1189 9
|
存储 人工智能 SEO
全开源免费AI网址导航网站源码
Aigotools 可以帮助用户快速创建和管理导航站点,内置站点管理和自动收录功能,同时提供国际化、SEO、多种图片存储方案。让用户可以快速部署上线自己的导航站。
1626 1
|
域名解析 存储 网络协议
你知道CDN是什么吗?本文带你搞明白CDN
你知道CDN是什么吗?本文带你搞明白CDN
5954 1
|
JavaScript 前端开发 Go
理解 <script> 标签的 defer 和 async 属性
理解 <script> 标签的 defer 和 async 属性
443 3
|
JavaScript 内存技术
Node.js 编写接口入门学习(GET、POST)
Node.js 编写接口入门学习(GET、POST)
233 2
|
Windows
Windows Server 2016 备份和灾难恢复-2
在“确认”界面中,可以看到该备份的标签信息,如图9.26所示。
966 0