使用Notion重新开始写博客
date
Dec 21, 2024
slug
reopen-my-blog
status
Published
tags
个人博客
Notion
summary
终于找到了一种方便简洁的建立个人博客的方式
从上大学那会儿就开始尝试鼓捣个人博客，最开始的时候是用jekyll，也尝试过wordpress；那会儿主要是尝鲜，实际写博客很少。
工作之后，断断续续的偶然想起来的时候也尝试写过几篇关于技术的博客，但也很难坚持下去；懒散是一方面，不方便是另一方面…
type
Post
终于找到了一种方便简洁的建立个人博客的方式
从上大学那会儿就开始尝试鼓捣个人博客，最开始的时候是用jekyll，也尝试过wordpress；那会儿主要是尝鲜，实际写博客很少。
工作之后，断断续续的偶然想起来的时候也尝试写过几篇关于技术的博客，但也很难坚持下去；懒散是一方面，不方便是另一方面。
最近一段时间开始尝试独立开发后，就又想着重新把个人博客拾起来，记录一些学习新知识的历程和独立开发相关的探索之类的。终于花了个周末的时间又重新找到了一种优雅简洁的博客记录方式。
hugo + firebase
开始的时候想的是hugo + firebase的方案，个人比较倾向于比较简洁的主题。
在一番寻找以后，确定了一个比较喜欢的主题 hugo-paper
于是开始了一些自定义修改，尝试写一篇博客试试，我的流程大致是这样的：
- 在notion里编辑博客
- 使用notion的导出markdown功能，手动导出markdown格式
- 复制到hugo里，如果博客里有图片，这一步还要再复杂些
- 上传到firebase
实际体验下来，2-3感觉会很麻烦，而且有的时候markdown格式可能在notion和hugo里的表现不太一致，而且涉及到图片的话，路径问题解决后，图片的位置也会是个问题。
于是搜寻有没有现成的工具来自动化2-3的过程。
notablog
在寻找的过程中首先发现了 notablog 这个东西，我比较喜欢它的工作流程：
- 复制它的notion模版
- 设置页面为公开页面，得到网站的url，把它填入notablog的
config.json中
- 执行
notablog generate .即可生成静态文件
- 生成静态文件后 再把相应的目录和文件推到firebase
这个过程实际上就不需要hugo的参与了，直接将生成的静态文件推到firebase，就可以实现访问了
在实际体验了它的主题样式后，感觉不是很符合我的要求，无奈自己不会前端，不能快速的在它的基础上把样式改为自己想要的样子，于是继续寻找解决方案
nobelium
搜索过程中发现不少博客的样式都是用的这个
nobelium ，它的样式比较符合我的需求但实际操作中发现，必须使用vercel去部署，自己还是更倾向于使用firebase手动去做（可能是总觉得使用firebase访问速度更快些吧）
在尝试了使用本地编译打包和使用docker的方式都失败后（目前掌握的前端知识还不足以根据自己的需要做这种修改），还是得尝试下vercel
注意使用vercel时node.js版本要选择18.x，不然会构建失败
在添加了自己的域名后，发现国内访问博客速度还可以，也没有被墙的问题。
那么现在写一篇新博客的流程就变为直接在notion的这个模版里新建一篇博客，然后直接编辑就好。
选择为
publish 标签，那么在网页中就可以实时看到了，非常方便。