🖼#Notion #blog #Cloudflare🍇 用 Fruition + Notion 搭建个人网站🔗 Demo | GitHub | 作者主页Fruition 是开发者 Stephen Ou 制作的一段开源代码,将该…

person🅜🅐🅡 🕊

#Notion #blog #Cloudflare

🍇 用 Fruition + Notion 搭建个人网站

🔗 Demo | GitHub | 作者主页

Fruition 是开发者 Stephen Ou 制作的一段开源代码,将该代码部署在 Cloudflare Workers 上,就可将 Notion 的公开页面发布为普通网页。

🏋️‍♂️ 特性

– 免费开源
– 自定义域名及子页面别名
– 支持浅色和深色模式
– 支持 Google Fonts
– 支持 SEO

⚠️ 注意

几个月前 Notion 将公开页面的分享域名从 .so 更改为 .site,导致使用旧版 Fruition 代码时会出现「Mismatch between origin and base URL (dev).」的错误。目前,demo 网站上的代码生成器可能不是最新版本,因而仍有部分朋友遇到报错的问题。推荐直接使用 GitHub worker.js 中的 新版代码 来部署。

🛠 Workers 代码修改步骤

1.(重要)输入域名
2.(重要)第一行必填 Notion 主页面 ID,后几行选填自定义别名和对应 Notion 页面 ID
3.(推荐)为 SEO 添加站点名称和描述
4.(选填)添加 Google Font 字体名
5.(选填)添加其他脚本

🗒 备注

1. GitHub repo 里的其他文件只是为了实现 demo 网站里的代码自动生成器,真正需要使用的代码及配置步骤全部在 worker.js 里
2. 使用 Fruition 需要自己维护,且 Notion 仍在持续开发中,无法保证代码一直有效。如果你需要更稳定的实现方案,可考虑其他付费服务,如 super.so
3. 使用 Fruition 自定义域名后会导致其他 Notion 用户无法评论
4. Worker 会接管所有 notion.so 的访问,然后转到你域名上,即便是其他人的页面。若要避免,可选择直接粘贴 .site 页面地址

👉 如果你还不清楚如何使用 Cloudflare 或 Workers,请参考:
1. 自留地 为 Notion 主页自定义域名并绑定 Cloudflare CDN
2. Bie13 博客 利用notion免费搭建自定义域名主页

教程原文 | 频道 @theBlockClub

频道: @NewlearnerChannel

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Menu