使用 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配置文件即可。
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