介绍

这个博客就是用 Notion 作为网站后台搭建的。以 Notion 设置分享的网页为数据源,配合 Next.jsreact-notion-x 去渲染网页,最后博客部署到 Vercel 上。只要 Notion 这边的文章一变动,博客就会实时更新,配合绑定自己的域名,实现随时随地,自由修改的个人品牌博客。

搭建博客

一、保存这个notion模版的副本到自己的Notion中,地址:https://www.notion.so/senpai-so/TransitiveBullsh-it-78fc5a4b88d74b0e824e29407e9f1ec1

再上传这段代码到你的仓库【可以新建仓库,用github客户端同步拉取】

nextjs-notion-blog.zip

或fork仓库https://github.com/zhimiaoli/nextjs-notion-blog 【我认为是改的样式里最佳的】

二、修改site.config中rootNotionPageId,也就是你的分享页面地址

Untitled

其中8cdb46d4333e43c0b2a128ee95a23f7d就是你的页面ID地址

三、修改其它参数地址:

设置rootNotionSpaceId参数

浏览器打开notion,定位到博客首页(notion后台)的页面,打开chrome浏览器开发者工具(按浏览器页面F12),定位到网络,选择fetch标签。再访问另一个页面,随便找一个请求一般都能看到json中的space_id的信息。

Untitled

修改已标记的需要修改的信息,其中社交账号【联系方式】可以空白

四、修改public中icon为你自己想要的图片

Untitled

五、登录vercel

新建拉取已导入的仓库代码,直接部署

Untitled