1. 在Notion中检查您的NOTION_PAGE_ID 格式是否正确、并已开起页面分享。 2. Vercel后台环境变量中NOTION_PAGE_ID是否配置,并重新配置后尝试Redploy。 3. 配置文件blog.config.js的NOTION_PAGE_ID不能被写死。 4. 或者您可以删掉vercel中的项目,重新导入一次即可。 自定义您的站点 到这里,您已拥有了自己的独...
无需服务器即可部署网站,还可以随时修改 Notion 来改变网站内容,用来做博客或者内容网站妥妥的。写在前面最近看到有人推荐使用 NotionNext + Vercel 把 Notion 页面部署为网站,正好我前端时间整了一个木刻作品…
如下图所示,在设置中的Domains页面,填写你自己的域名,并点击”Add“保存。保存完成后你会看到”Invalid Configuration“的报错信息,那是因为我们还需要去DNS服务商那里将域名指向Vercel平台。 这里以Cloudflare平台为例,参考Vercel平台上给的示例,在DNS记录中新增一条CNAME记录,目标指向Vercel平台。 Vercel平台会定时刷新页...
Nobelium:一个通过 Notion 做内容管理的静态博客项目;基本原理是利用 Notion 公开分享的页面,获取页面内容、添加样式的方式来实现的静态博客。 Vercel:一项对开源项目免费的托管服务。Vercel 是一项集部署发布、服务托管、证书部署等等为一体的自动化的托管服务器。简单而言,我们只需要知道: Vercel 面向开源项目是免费的(...
Vercel:一个免费的前端部署平台,支持增量式更新,更新文章后无需重复部署。 使用这个方法搭建博客之前,请先确保你分别注册了 GitHub 和 Notion 账号。 01. fork GitHub 项目 我搭建的 Notion 博客是在一个 GitHub 项目「nextjs-notion-starter-kit」上二次改造而来的,这个项目用到了前面说到的两个工具:Notion 和...
Vercel:一个免费的前端部署平台,支持增量式更新,更新文章后无需重复部署。使用这个方法搭建博客之前,请先确保你分别注册了 GitHub 和 Notion 账号。 fork GitHub 项目 我搭建的 Notion 博客是在一个 GitHub 项目「nextjs-notion-starter-kit」上二次改造而来的,这个项目用到了前面说到的两个工具:Notion 和 Next....
接下来我们到vercel站点,注册好账号后呢,最好装上翻译插件,方便理解,点击右上角创建项目/new project,左侧登录上你之前创建的GitHub账号,就能看到之前fork的项目啦,找到notionnext点击右侧导入/import。 然后点击deploy上方的三角号,左侧输入NOTION_PAGE_ID,右侧粘贴上你刚刚复制的notion专属id,add添加后,点击deploy即可...
一个使用 NextJS + Notion API 实现的,部署在 Vercel 上的静态博客系统。为Notion和所有创作者设计。 访问地址 NotionNext 官网 上手难度 ⭐️⭐️⭐️⭐️ 直接绑定 Notion 账户,授权 Database 就可以。 推荐 ⭐️ 评价 GitHub 访问,配置需要有技术基础,有一定的开发能力。对于普通用户难度比较...
【图】Notion风格生成器https://notion-avatar.vercel.app/zh 光看功能介绍还不足以了解全貌，以上功能究竟能组合成怎样的有趣应用呢？二、产品抽象 Notion在文档笔记界不算是非常好上手的产品。在它简洁的界面上，富文本编辑菜单隐藏的很深；列表页不被重视，容易找不到其他文档；Database这个名词一出来就让从不...
使用Next.js 和 Vercel 在几分钟内部署你自己的基于 Notion 的网站。使用 Next.js 和 Notion 构建网站的完美 入门工具包。安装只需要几分钟,有出色的页面速度和图像预览,可以响应不同的设备。 开源地址:https://github.com/transitive-bullshit/nextjs-notion-starter-kit ...