Notion制作个人网站bb

Stars
⭐️⭐️⭐️⭐️
Last edited time
Jan 20, 2024 01:33 AM
Last edited by
参考如下链接配置:
如何使用 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:这是用于编辑/管理内容的
如何使用 Notion 制作个人网站?
注:
  • GitHub Action会与Vercel自带的插件发生冲突,这里不需要单独配置CI
个人网站集成GitHub Issue等评论内容
 
Loading...