前言

Notion+CloudFlare搭建博客

1. 🕵️在根据教程用Notion+CloudFlare搭建自己的博客时出现了一些问题；

2. 🥹自己昨晚熬夜到3:00多钟依然未解决；

3. 🤩后来请教大佬帮忙解决了，美滋滋；

4. 🥳感谢kali-team 提供的技术支持。

直观效果

以前：https://giluo.notion.site/0987600656074c92bc737459184d72cc?pvs=4

现在：blog.giluo.cn

前提条件

1. 一个Notion 账号；

2. 一个 CloudFlare 账号；

Cloudflare | Web Performance & Security

https://dash.cloudflare.com/

1. 一个域名。我买的是腾讯云的。

腾讯云 - 产业智变 云启未来

腾讯云(tencent cloud)为数百万的企业和开发者提供安全稳定的云计算服务，涵盖云服务器、云数据库、云存储、视频与CDN、域名注册等全方位云服务和各行业解决方案。

https://cloud.tencent.com/

介绍

打开链接到GitHub项目

1. 点击Fork让项目到自己的仓库来

1. Fork 之后主要修改wrangler.toml这文件里面的参数，其余都不需要动

需要更改的参数

• 这些是需要修改的参数是需要在cloudflare 文件里面去修改的

更改参数介绍

1.name

2.routes中的pattern

3.routes中的zone_id

4.MY_DOMAIN

1. 域名那里可以自定义，worker.dev在国内访问不了的（前面需要加上www或者blog）

最终Workers配置效果

5.PAGE_MAP

设置腾讯云的域名DNS

• 需要将腾讯云的DNS记录改到cloudflare，这样cloudflare才能接管我们的域名。

一键部署

• cloudflare 新出了一个 worker 集成工具
  workers-sdk

  cloudflare • Updated Feb 26, 2024
  ，使得部署和开发测试都可以在本地上操作，不需要登录到cloudflare网页控制台上面操作了。从 Wrangler 命令行界面 (CLI) 构建、预览和部署 Workers。设置后，您可以从本地开发环境快速迭代此 Worker 的代码和配置。

1. 我用的这个方法，因为在本地的话我报了很多错还没解决。如果需要尝试的可以去参考链接里面，有详细的教程。

1. 点击Deploy with Workers 之后会出现

API Token

1. 选择第四个

1. ip 不用填

参考链接

主要详细教程

关于PAGE_MAP参数设置

加载giscus评论

填写项目