使用notion快速建立Blog网站

type

status

date

slug

summary

在notion上建立模板

模板连接 https://mulberry-table-1ab.notion.site/6bff0ff4f0ee4e88866963af3df06459?v=7adb45c325184cbdb788d2a46151d693

点击右上角放大镜旁边的Duplicate按钮

Share->Publish->Publish to Web

使用github发布博客

克隆这个仓库https://github.com/tangly1024/NotionNext

使用cloudflare部署

开始

访问CloudFlarePage

Cloudflare PagesBuild your next application with Cloudflare Pageshttps://pages.cloudflare.com/

创建项目

直接连接git

导入项目

选择分支

分支选择 deploy/cloudflare-support ；

在4.0.9之后的版本中，可以直接使用main分支部署，无需切换分支

配置参数

来到页面下方的构建设置：

构建命令填

bash

Bash

Copy

环境变量

配置效果如下

配置说明

变量名称	值
NODE_VERSION	18
VERCEL_ENV	production
NOTION_PAGE_ID	{您的Notion页面id}

最后点击保存并部署即可。

完成部署

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

FAQ

部署失败？如果你的构建日志中出现：

json

JSON

Copy

可能是CLoudFlare升级环境导致不兼容，解决方法：降级为旧版构建环境，然后点击重试

绑定域名

项目主页找到自定义域，找到下方设置自定义域

填写域名并继续

按照要求在域名服务商后台配置一个CNAME转发

CNAME转发示例

点击下方的激活域，由于我使用的域名商本身就是cloudflare，故此步骤只需几秒即可完成验证。

参考连接

https://docs.tangly1024.com/article/notion-next-cloud-flare

https://pages.cloudflare.com/

.lazy-image-placeholder{ background: linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%) #f2f2f2; background-size:300% 100%; animation: l1 1s infinite linear; } @keyframes l1 { 0% {background-position: right} } 使用notion快速建立Blog网站