NotionNext部署-CloudFlare

用 Cloudflare Pages 部署 NotionNext 静态站的流程说明,适合想低成本搭建个人博客、知识库或 Notion 内容站的人;部署前也要理解静态导出不实时更新的限制。

前言

参考haixin的文章《NotionNext建站-cloudflare版》,这里做了优化
部署效果预览
CloudFlare版本是静态导出的,不支持实时更新文章,每次需要手动部署。

开始

访问CloudFlarePage
 

创建项目

notion image
  1. 直接连接git
    1. notion image
  1. 导入项目
    1. notion image
3.选择分支(作废)
分支选择 deploy/cloudflare-support :在4.0.9之后的版本中,可以直接使用main分支部署,无需切换分支
notion image

配置参数

来到页面下方的构建设置:
  • 构建命令填
    • 输出根目录 out
    notion image

    环境变量

    配置效果如下
    notion image
    配置说明
    变量名称
    NODE_VERSION
    16
    VERCEL_ENV
    production
    NOTION_PAGE_ID
    {您的Notion页面id}
    最后点击保存并部署即可。

    完成部署

    页面中心会显示您的访问域名
    notion image

    绑定域名

    项目主页找到自定义域,找到下方设置自定义域
    notion image
    填写域名并继续
    notion image
    按照要求在域名服务商后台配置一个CNAME转发
    notion image
    • CNAME转发示例
      • notion image
    • 点击下方的激活域,由于我使用的域名商本身就是cloudflare,故此步骤只需几秒即可完成验证。
      • notion image

    下一步

    如果你只是想验证 NotionNext 能不能承接个人博客、知识库或内容站,可以继续看这个专题:NotionNext 建站
    如果你已经有 Notion 内容,但不确定该用 Cloudflare Pages、Vercel,还是其它部署方式,可以先做一次个人网站诊断:个人网站诊断
    如果你希望我帮你一起梳理建站路径、内容结构或个人 IP 入口,也可以从这里联系我:联系合作
    上一篇
    ChatGPT4与GPT3的区别?GPT4有更好用吗?
    下一篇
    NotionNext二级菜单使用说明
    Loading...