绑定GitHub账号后Vercel会自动识别到NotionNext工程 按照提示完成部署,无需额外设置Build and Output Settings,且Environment Variables在后续会进行设置,可参考tangly1024大佬撰写的教程:Vercel部署NotionNext | NotionNext帮助手册。 将Git仓库导入Vercel,会自动识别框架为Next.js 获取NOTION_PAGE_ID 点击右上角的Share按钮,...
一个使用 NextJS + Notion API 实现的,部署在 Vercel 上的静态博客系统。为Notion和所有创作者设计。 支持多种部署方案 预览效果 在线演示:https://preview.tangly1024.com/,点击左下角挂件可以切换主题,没找到喜欢的主题?贡献一个吧~ 致谢 感谢Craig Hart发起的Nobelium项目 ...
无需服务器即可部署网站,还可以随时修改 Notion 来改变网站内容,用来做博客或者内容网站妥妥的。写在前面最近看到有人推荐使用 NotionNext + Vercel 把 Notion 页面部署为网站,正好我前端时间整了一个木刻作品…
NotionNext 一个使用 NextJS + Notion API 实现的,部署在 Vercel 上的静态博客系统。为Notion和所有创作者设计。 演示地址:https://preview.tangly1024.com/ 继承自Nobelium的亮点 ✨ 🚀 秒开,设备全适配 快速的页面渲染和响应式设计 高效编译器的快速静态页面生成 🤖 自动,无需重新部署 部署在免费、高速的...
NotionNext是我在Github上开源的基于Next.js框架开发的博客生成器。目的是帮助写作爱好者们通过Notion笔记快速搭建一个独立站,从而专注于写作、而不需要操心网站的维护。 它将您的Notion笔记渲染成静态的博客页、并托管在Vercel云服务中。与Hexo静态博客相比较不同的是,您无需每次写好的文章都要推送到Github,编写与发...
notion搭建博客的方法很多,今天介绍一个Notion+Vercel+Next.js搭建博客的方法,作者的Github。 演示 演示地址:Sky's Blog 搭建方法 首先注册一个GitHub账号。 注册一个Notion账号,创建一个页面,选择右上角Share,选择Share to web,选择Copy link,找到此页面的PageID,就是下图中Blog后面的一串字符。
网站部署成功之后我们就可以配置主题以及内容来定制化我们的个人网站了,我们先修改主题和展示效果,这个我们在github的NotionNext仓库的blog.config.js里面可以看到。 我们有两种方式可以修改: 1.一种是直接修改这个blog.config.js文件,修改之后会自动触发vercel部署。
Vercel:一个免费的前端部署平台,支持增量式更新,更新文章后无需重复部署。 使用这个方法搭建博客之前,请先确保你分别注册了 GitHub 和 Notion 账号。 01. fork GitHub 项目 我搭建的 Notion 博客是在一个 GitHub 项目「nextjs-notion-starter-kit」上二次改造而来的,这个项目用到了前面说到的两个工具:Notion 和...
2021年6月9日notion搭建博客的方法很多,今天介绍一个Notion+Vercel+Next.js搭建博客的方法,作者的Github。 演示地址:Sky's Blog 搭建方法 首先注册一个GitHub账号。注册一个Notion账号,创建一个页面,选择右上角Share,选择Share to web,选择Cop... http://www.jianshu.com/p/79289fa0725e 收藏 赞 ...
打开https://vercel.com/,然后点击 Sign up 选中 「Continue with GitHub」。 授权使用 Github 登陆到 Vercel,接着会弹出 「Import Git Repository」(如果没有,那么点击右上角的 「New」),选择 Nobelium 这个项目,点击 「Import」,选择个人账号,开始部署操作: ...