NotionNext:使用Vercel部署静态博客NotionNext

AI智能摘要
Vercel部署NotionNext的教程介绍了四个步骤。首先,用户需注册Notion账号并复制博客数据模板。其次,通过页面分享功能获取32位页面ID。然后,用户到GitHub上Fork该项目。最后,在Vercel上新建项目并导入源代码,添加NOTION_PAGE_ID环境变量,点击部署并绑定域名。整个过程包括注册、复制模板、获取ID、代码复制和部署设置。
— 此摘要由AI分析文章内容生成,仅供参考。

教程地址:Vercel部署NotionNext | NotionNext帮助手册 (tangly1024.com)

视频教程

复制模板

1.注册登陆notion账号

2.打开模板,地址:https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d

3.在右上角点击Duplicate复制模板,点击后会将这个博客数据模板复制到您的笔记空间中。

获取页面ID

1.在Notion笔记中:在页面右上角的菜单栏中,依次点击SharePublishedShare To Web,开启页面分享,获取共享链接

NotionNext:使用Vercel部署静态博客NotionNext

2.复制页面ID:页面ID在您的共享链接中、域名中间的一串32位字母与数字

NotionNext:使用Vercel部署静态博客NotionNext

复制源代码

登陆github账户,选择一键fork项目

Vercel部署

新建项目并导入github里fork的notionnext源代码

NotionNext:使用Vercel部署静态博客NotionNext

配置页面ID并部署

1.点击Environment Variables(环境变量),并添加一个属性名称为NOTION_PAGE_ID值为步骤一获取的页面ID

NotionNext:使用Vercel部署静态博客NotionNext

2.点击Deploy按钮,静候两分钟等待部署。

NotionNext:使用Vercel部署静态博客NotionNext

3.绑定域名。点击add domian,按要求cname即可

NotionNext:使用Vercel部署静态博客NotionNext

发布者:木木,转载请注明出处:https://blog.huzz.cn/5494.html

Like (0)
Donate 微信 微信 支付宝 支付宝
木木的头像木木VIP用户
Previous 2024 年 9 月 2 日 上午10:01
Next 2024 年 9 月 5 日 下午2:35

相关推荐

  • TimePulse : 一款现代化风格的计时器网页应用

    项目地址:致力于成为最漂亮的计时器应用。 项目介绍 TimePulse 是一个具有现代化 UI 和交互的计时器网页应用,支持多计时器管理、数据分享、用户数据同步、全屏展示等功能,可进行倒计时、正计时和显示世界时钟。采用玻璃态设计和流畅动画效果,提供极佳的视觉体验。 截图预览 功能特性 安装部署 Fork本项目,登录Vercel一键导入该项目部署即可 使用方法…

    2025 年 10 月 22 日
    14300
  • Homepage 第三方天气API接口教程

    之前一直用高德的个人开发者认证里的天气api,每月有免费的额度,用了一年多了也没出啥问题。最近有一个莫名的上海电话说涉及商用必须要付钱,我查看了下后台,我的小博客每月撑死几百个请求,完全不商用也没超量,搞不清楚高德想闹哪样,直接注销了高德开发者。换了一个接口。 如果你也用我同款的homepage主页,只要修改以下两个文件即可,api地址已经写进去了,高德ap…

    2025 年 8 月 13 日
    17800
  • Vercel项目推荐

    2025 年 2 月 8 日
    10200

发表回复

Please Login to Comment
SHARE
TOP
🔈Hi,朋友。欢迎来到木木的博客小站!