使用 Vercel + Notion 搭建低成本博客
date
Jun 4, 2022
slug
blog-notion-vercel
status
Published
tags
开发测试
summary
域名过期了,又买了个域名,想着不能浪费,之前的blog很久没更新了,想着重新弄一个。。。后续还得把文章移上去,慢慢来吧
type
Post
参考的是这位老哥的博文:使用 Vercel + Notion 搭建低成本博客 (rustc.cloud)
前因
之前的域名过期了,加之后续的知识都放在了notion上,想看看有没有什么可利用的blog搭建方案,没想到还真有
操作
使用了nobelium 这个blog模版,github上讲的很清楚,使用它的notion模版,fork下来,更换自己的图片文件,然后修改对应的blog配置文件即可。
绑定域名那些操作那位老哥的blog讲的很清楚了,就不再叙述了,记一下我改了哪些地方
改造一下
- 修改title的照片
不用多说,直接替换public下的图片就行了
- 添加评论区
直接修改的
blog.config.js
这里面有一个comment
选项,这里我选择了cusdis
作为评论的provider
,自行注册一个就好,然后把注册好的appId
填上就好,改了两处地方- 修改主页面左上角的显示
可以对比一下修改后的效果,改成简约大气一点了
主要是将
blog.config.js
里面的description置空然后修改
components/Header.js
里面具体展示的点 ,删除了一部分,然后改了部分内容是自己展示的内容- 修改详情页面的这个图标
主要是
layouts/layout.js
,首先还是得在blog.config.js
添加一个个全局属性,这个属性指定了public
下存放的图片位置然后修改
layouts/layout.js
里面展示这一块的内容最后
把以前blog里面的垃圾文章给删掉了,不忍直视。。。。