category
tags
type
status
slug
date
summary
icon
password

前言

参考haixin的文章《NotionNext建站-cloudflare版》，这里做了优化
部署效果预览
Notion Blog | 一个NotionNext搭建的博客
一个NotionNext搭建的博客
Notion Blog | 一个NotionNext搭建的博客
https://cloudflare.tangly1024.com/
Notion Blog | 一个NotionNext搭建的博客
❓
CloudFlare版本是静态导出的，不支持实时更新文章，每次需要手动部署。

开始

访问CloudFlarePage
Cloudflare Pages
Build your next application with Cloudflare Pages
Cloudflare Pages
https://pages.cloudflare.com/
Cloudflare Pages
 

创建项目

notion image
  1. 直接连接git
      2. notion image
  1. 导入项目
      2. notion image
  1. 选择分支
      2. 分支选择 deploy/cloudflare-support
      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
    相关文章
    2023-06-21
    NotionNext部署Web3.0-4EverLand
    2022-11-13
    NotionNext二次开发手册
    2023-05-25
    NotionNext如何使用公告功能
    2023-03-17
    网站国际化：根据访客地理位置自动跳转
    2023-03-23
    NotionNext二级菜单使用说明
    2023-03-07
    NotionNext 更新日志
    ChatGPT4体验-程序员如何年入千万？NotionNext二级菜单使用说明
    NotionNext
    NotionNext
    一个普通的干饭人🍚
    公告
    category
    tags
    type
    status
    slug
    date
    summary
    icon
    password
    🌻 Easy & Free NotionNext 笔记也能变网站 👀 查看成功案例 🗺️ Notion建站教程
     
    免责声明
    ⚠️ 请妥善备份您的Notion数据。
    🚨 请勿用作非法用途！
    🖐️ 进入[交流群]获取更多帮助。
    😜 NotionNext完全免费开源，若您喜欢可以请我喝杯咖啡~