使用 Vercel + Notion 搭建低成本博客

date
Jun 4, 2022
slug
blog-notion-vercel
status
Published
tags
开发测试
summary
域名过期了,又买了个域名,想着不能浪费,之前的blog很久没更新了,想着重新弄一个。。。后续还得把文章移上去,慢慢来吧
type
Post

前因

之前的域名过期了,加之后续的知识都放在了notion上,想看看有没有什么可利用的blog搭建方案,没想到还真有

操作

使用了nobelium 这个blog模版,github上讲的很清楚,使用它的notion模版,fork下来,更换自己的图片文件,然后修改对应的blog配置文件即可。
notion image
 
绑定域名那些操作那位老哥的blog讲的很清楚了,就不再叙述了,记一下我改了哪些地方

改造一下

  • 修改title的照片
    • 不用多说,直接替换public下的图片就行了
  • 添加评论区
    • 直接修改的blog.config.js 这里面有一个comment选项,这里我选择了cusdis 作为评论的provider ,自行注册一个就好,然后把注册好的appId 填上就好,改了两处地方
      notion image
       
  • 修改主页面左上角的显示
    • 可以对比一下修改后的效果,改成简约大气一点了
      notion image
      notion image
      主要是将blog.config.js 里面的description置空
      notion image
      然后修改components/Header.js 里面具体展示的点 ,删除了一部分,然后改了部分内容是自己展示的内容
      notion image
       
  • 修改详情页面的这个图标
    • notion image
      主要是layouts/layout.js ,首先还是得在blog.config.js 添加一个个全局属性,这个属性指定了public 下存放的图片位置
      notion image
      然后修改layouts/layout.js 里面展示这一块的内容
      notion image
       

最后

把以前blog里面的垃圾文章给删掉了,不忍直视。。。。
 
 

© 4me 2021 - 2024