2023-05-09 上海
新博客的第一篇,按照传统惯例,记录搭建的过程。最终还是把博客从github page迁移到了notion。之前博客都是用github page加静态博客框架做的,好处是可以用github备份博客, 做版本控制,部署也比较方便, 通过脚本一键部署就ok。但是缺点也很明显:插入图片不方便,只能通过markdown填写图片路径来查找对应的静态资源,作为一个喜欢拍照的人,这让我完全丧失了用记录生活的欲望。 版本控制对博客来说也不是强需求,我这种写博客很糙的人,难免会有各种typo,要修改文章又得commit和部署,过程繁琐。用纯markdown+git形式管理, 基本也告别用手机编辑博客了,想随时随地增加或者修改内容,还得坐在电脑前老老实实打字,太痛苦。
而用notion来管理,很好地解决了这些痛点。notion很强大,拓展性也好多了,博客也有了半动态的能力。总体的解决方案就是notion+nextJs+Vercel. 也就是下面这个repo。
一. 搭建博客框架
首先把这个repo fork到自己的账号下,并编辑主目录中的site.config.ts文件, 进行博客的配置。github现在已经集成了vscode,只需要按. 键就可以在线编辑repo中的内容,所以搭建过程中我甚至都不用把代码clone到本地。在notion中创建一个新的文件夹,点击右上角的share, 将其设置为public(所有的页面都需要public才能被访问到)。而在site.config.ts中只需要改rootNotionPageId这个字段, 将其设置为notion主文件夹链接的最后那段字符串即可。name设置为博客的名字,domain设置为share中的链接,author设置为博主名字,大功告成。
rootNotionPageId: '402a93949b3e4a69a9ae24c2d7d8a9d6' name: 'Next.js Notion Starter Kit', domain: 'nextjs-notion-starter-kit.transitivebullsh.it', author: 'Travis Fischer',
二. 部署博客
接下来把已经编辑好的博客框架部署到Vercel服务器上即可。打开vercel链接,注册好账号新建一个项目.
选择import刚fork的仓库。项目就会自动部署在Vercel上,部署完成后, 在DOMAINS中就是博客的域名。搭建完成!
三. 域名设置
个人博客当然不能少了自己的域名, 在Vercel上选择Settings中的Domain, 按照要求进行配置. 也就是把域名按照要求, 把A配置到对应的ipv4地址, CANME到提供的域名即可.
