🌅

用Notion搭建自己的网站

介绍

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

搭建博客

一、保存这个notion模版的副本到自己的Notion中,地址:https://www.notion.so/senpai-so/TransitiveBullsh-it-78fc5a4b88d74b0e824e29407e9f1ec1
再上传这段代码到你的仓库【可以新建仓库,用github客户端同步拉取】
或fork仓库https://github.com/zhimiaoli/nextjs-notion-blog 【我认为是改的样式里最佳的】
二、修改site.config中rootNotionPageId,也就是你的分享页面地址
notion image
其中8cdb46d4333e43c0b2a128ee95a23f7d就是你的页面ID地址
三、修改其它参数地址:
设置rootNotionSpaceId参数
浏览器打开notion,定位到博客首页(notion后台)的页面,打开chrome浏览器开发者工具(按浏览器页面F12),定位到网络,选择fetch标签。再访问另一个页面,随便找一个请求一般都能看到json中的space_id的信息。
notion image
修改已标记的需要修改的信息,其中社交账号【联系方式】可以空白
四、修改public中icon为你自己想要的图片
notion image
五、登录vercel
新建拉取已导入的仓库代码,直接部署
notion image
部署成功后检查页面是否有误,数据库是否正常渲染
如没有渲染【小概率】请到NV资源网下载替换的升级文件
六、注册域名,在Domains里配置好你的域名