0%

Tips When Deploying Your Notion Blogs to Vercel with Nobelium

vercel 不错子

“这个彩带太棒了!”

大脸猫的疯狂安利(以及技术求助)下,我也尝试了通过nobelium在vercel部署notion博客。

三分钟部署完我直拍大腿:这么妙的东西居然不是我发明的!

言归正传,记录一些我遇到的坑,以及一些必要的对vercel代码仓库的改进以实现自定义。

我是参考少数派上的这篇教程搭的,虽然因为时间原因有些不一致,但是总体没什么问题。

这一串nobelium+vercel+notion到底啥原理

我理解的工作流是这样的:vercel是一个服务器,提供部署服务,notion提供文字,而nobelium就是个搬运工:他获取了notion的文字,然后对notion进行一通美化,然后把东西给vercel去部署。咱这个搬运工就是GitHub里的那一堆代码。

因此如果你想改页面格式的话,肯定要去改nobelium而不是vercel或者notion,那么nobelium在哪里呢? 就在你的GitHub Repository里面,所以要改你的Repository。

特别的,开头提到的这篇教程其实是有错误的,按照它的操作方法你会在GitHub创建两个仓库,其实没必要,在vercel新建仓库的时候其实只要用一开始fork的同一个仓库即可(更具体的,就是把输入notion-blog那一步改成输入nobelium)。

如何去掉twitter链接

大部分东西都在根目录下blog.config.js配置文件中,参考注释基本都能读懂,特别注意改字符串的时候要保持单引号,如果换成双引号会build报错。如果想去掉头像以及边上的网页链接,可以在配置文件中注释掉socialLink这一行。

如何修改头像

每篇Post下面的头像链接没法这么容易改,事实上它藏在layouts/layout.js里面。45行左右,把src替换成想要的图片链接即可。这对于没有图床的人来说可能比较难上传自制的头像。但是因为我有图床,我就不想再想别的办法了。(事实上,七牛云图床是免费的,可以网上搜个教程)。另外还需要在next.config.js中给你的图片域名放行。

本来以为一定要https,干脆就给我的图床上了SSL证书,这里也插播一下:主要参考官网教程即可。这里也有个小坑顺便记录一下:我是用的腾讯云的免费证书,提供的SSL证书的下载文件说明跟七牛云的牛头不对马嘴,最终在这里找到了答案。

言归正传,改完配置文件之后,使用git提交修改,vercel就会自动拉取你的commit进行部署。

时间导致的博客不显示

不知道是不是因为今天刚好是愚人节,我把notion里面post的时间设置为今天4月1号的时候,居然不显示博客。改成3月31日就可以显示,猜测是因为服务器时间还没到4月1日,所以这个其实是个类似博客定时发送的隐藏功能。

最后码一下我的nobelium博客地址:https://nblog.fishiu.com/,还没想好放什么,可能会放一些notion里记录的知识吧。

最后感谢热爱技术的大脸猫又让我水了一篇博客~