Notion+Cloudflare 免费自定义域名部署网站
00 分钟
2024-12-9
2025-2-23
类型
状态
日期
链接
摘要
标签
分类
图标
密码

1 提前准备 1:Notion 页面

搭建好页面之后 → 发布页面 获取 Notion 链接: https://www.notion.so/reddychen/d2550fd68abb4b05badc99e406f2c738
Notion 网站发布之后,可以点击 Site settings 简单设置,比如上传网站的 logo,网站主题配色,功能按钮开关显示以及 SEO。
其实如果对域名没有要求的话,点击网站发布,这样就可以了。把链接分享出去,他人能够正常访问网站。
如果你觉得 Notion 分配的域名不够酷,恰好自己有个域名,又恰好域名 Cloudflare 管理,你想再折腾一下,那么继续往下看👇

2 提前准备 2:域名

Cloudflare 我新建主域名下二级域名。
类型:CNAME;名称例如:gallery;内容:notion.so;代理状态:仅代理。
notion image

3 创建 Workers

创建一个 Workers,填入名称(随便取,能识别即可),点击部署
notion image
notion image
找到右侧「编辑代码」点击进入,会变成这样一个界面,别慌!
notion image
Fruition 是一个免费开源项目,通过 Cloudflare Workers 为 Notion 页面自定义域名。
notion image
注意,复制好之后,回到 Cloudflare,将右侧编辑框原代码清空删除,然后把 Fruition 代码粘贴到右侧编辑框中,点击部署。
notion image
Workers 部分已经完成!

4 设置 Workers 路由

点击 Cloudflare 返回域名界面,进入第一步新建二级域名时的界面。
我在这里差点迷路,域名 Workers 路由和 Workers 是两个工作区。侧面导航功能明显不同,不要搞混。
notion image
选择需要绑定域名的 Workers 路由 → 添加路由。如果你有两个及以上的域名,别进错域名。
notion image
填入域名,注意网址后面加 /*,我一开始没加,网页报错无法显示,所以,请加上!worker 就是那个贴代码后部署的 Workers工程
notion image
🎉 Workers 路由设置完成,如无意外,通过自定义链接,就可以正常访问 Notion 网站了哦。

5 总结自定义域名部署流程

Notion 设计网站发布 → 申请二级域名 → 创建 Workers → Fruition 代码贴入 Workers 并部署 → 回到域名添加 Workers 路由
它的原理就是部署一个 Workers,然后让域名指向它。
比较容易出错的地方就是新手容易搞混 Workers 和 Workers 路由,以及添加路由时,网址后面没有加 /*,导致网页无法正常显示。
下期预告: 如何打通 Obsidian 和 Notion,在 Obsidian 中编辑文章,然后一键发布文章到用 Notion 搭建的网站。

6 参考资料


免责声明:
  • 笔者水平有限,尽管经过多次验证和检查,尽力确保内容的准确性,但仍可能存在疏漏之处。敬请业界专家大佬不吝指教。
  • 本文所述内容仅通过实战环境验证测试,读者可学习、借鉴,但严禁直接用于生产环境由此引发的任何问题,作者概不负责
上一篇
告别高昂费用:Obsidian 升级免费图床 Cloudflare R2 全攻略
下一篇
Linux部署FRP内网穿透

评论
Loading...