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