博客实现:Notion+Github+vercel这个博客就是用 Notion 作为网站后台搭建的。以 Notion 设置分享的网页为数据源 部署到 Vercel 上。只要 Notion 这边的文章一变动，博客就会实时更新，可以配合绑定自己的域名，实现随时随地修改注：vercel生成的网址国内可能无法访问，需要绑定自己的域名参考文章：如何使用 Notion 制作个人网站？使用 Notion 来搭建个人网站，真的不难，适合零基础毫无技术基础的人，就想我，自己瞎探索就学会了哈哈哈哈。 我这个搭建个人博客的方法基于 Notion + Next.js + Vercel ，千万不要因为看到这些不懂的单词，就被吓到了。 相比之前我介绍的使用 Hexo 搭建博客的方式，这个方法完全免费，不需要购买服务器，还可以不租用域名，可以随时随地发布内容，不局限于安装了 Git 的电脑，折腾起来也相对比较容易。 简要说说这三个工具承担的角色： Notion：用作博客内容管理工具，Notion 在这里承担服务器或数据库的角色。Next.js：一个框架，一种在服务器端渲染的技术，弄不懂也没关系，因为我也不懂 ♂️，但即便不懂，我也顺利地用 Notion 搭建出博客了。Vercel：一个免费的前端部署平台，支持增量式更新，更新文章后无需重复部署。 使用这个方法搭建博客之前，请先确保你分别注册了 GitHub 和 Notion 账号。 我搭建的 Notion 博客是在一个 GitHub 项目「nextjs-notion-starter-kit」上二次改造而来的，这个项目用到了前面说到的两个工具：Notion 和 Next.js。 这位作者搭建的博客效果如下图： 博客顶部的封面图是动态的，可用鼠标进行交互，感兴趣的可以前往他的博客参观： https:// transitivebullsh.it/ GitHub 项目「nextjs-notion-starter-kit」地址： 先打开这个项目的 GitHub 页面，点击右上角的「fork」，将其复制到自己的仓库中。 将原先的项目 fork 一份到自己的仓库，我们才能对项目进行编辑，点击 site.config.js 进入配置文件页面。 这个配置页面是从之前的项目复制过来的，因此它的配置还是之前的作者留下的信息。 点击右上角的编辑按钮，进入编辑状态，这里我们需要修改的信息有： rootNotionPageId：这是用于编辑/管理内容的https://www.zhihu.com/question/342631132用Notion搭建自己的网站这个博客就是用 Notion 作为网站后台搭建的。以 Notion 设置分享的网页为数据源，配合 Next.js 和 react-notion-x 去渲染网页，最后博客部署到 Vercel 上。只要 Notion 这边的文章一变动，博客就会实时更新，配合绑定自己的域名，实现随时随地，自由修改的个人品牌博客。 再上传这段代码到你的仓库【可以新建仓库，用github客户端同步拉取】 二、修改site.config中rootNotionPageId，也就是你的分享页面地址 其中8cdb46d4333e43c0b2a128ee95a23f7d就是你的页面ID地址 浏览器打开notion，定位到博客首页（notion后台）的页面，打开chrome浏览器开发者工具（按浏览器页面F12），定位到网络，选择fetch标签。再访问另一个页面，随便找一个请求一般都能看到json中的 space_id 的信息。 修改已标记的需要修改的信息，其中社交账号【联系方式】可以空白 如没有渲染【小概率】请到NV资源网下载替换的升级文件https://www.noisesite.cn/8cdb46d4-333e-43c0-b2a1-28ee95a23f7d自娱自乐，我的博客（十一）--Hexo静态网页部署到Vercel前言： 之前将博客部署在Coding是因为其免费且可绑定域名，但是最近Coding开始变相收费，COS和CDN采用用量计费模式，作为一个"称职"的白嫖玩家，现在又找到一个免费好用的静态网页部署网站Vercel，也可以绑定域名。下面开始白嫖教程。 登录 Vercel 官网，点击"Sign up"登录。 ...https://onlycalm.cn/docs/Hexo/%E8%87%AA%E5%A8%B1%E8%87%AA%E4%B9%90%EF%BC%8C%E6%88%91%E7%9A%84%E5%8D%9A%E5%AE%A2%EF%BC%88%E5%8D%81%E4%B8%80%EF%BC%89%E2%80%94%E2%80%94Hexo%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5%E9%83%A8%E7%BD%B2%E5%88%B0Vercel/参考Github仓库地址
