为 Notion 公开页面自定义域名

Notion 可以将一个页面设置为公开显示,即我们可以将页面链接分享给任何用户,而他们在未注册、未登录的前提下即可直接访问 Notion 公开页面。只是URL看起来会很长,就像这样:

https://www.notion.so/Notion-Official-83715d7703ee4b8699b5e659a4712dd8

今天就分享一个利用 Cloudflare 的 Web Workers 为 Notion 的 HTTP 请求进行手动改写,使得我们通过自己的自定义域名同样可以访问 Notion 的公开页面。

甚至你可以借助此方法使用 Notion 来搭建你的个人博客。

准备工作

  • 一个或多个准备公开的 Notion 页面
  • 一个可用的域名(如何注册域名?
  • 一个 Cloudflare 账号

1、在你想要公开分享的 Notion 页面右上角点击 Share 选择 Share to web,并在显示链接后点击 Copy link 进行链接复制。

公开页面选择Share to web

注意:

链接下方的四个选项说明(可根据需求对应进行开启):

  • Allow editing:允许登录 Notion 的访问者进行编辑
  • Allow comments:允许登陆 Notion 的访问者进行评论
  • Allow duplicate as template:允许该页面复制为 Notion 模板
  • Search engine indexing:允许搜索引擎索引

注册 Cloudflare

2、注册一个 Cloudflare 账号:https://dash.cloudflare.com/sign-up

注册cloudflare账号

配置 Cloudflare

3、输入您自定义的域名。如果你想使用二级域名,在这里还是输入你的根域名,例如:jianhaos.com

输入你的自定义域名

4、选择计划(这里只需要选择免费的即可),并点击 Continue

选择免费计划

5、添加域名解析记录:如果您没有导入任何A记录,请添加一个以您的根域为名称并以 1.1.1.1 作为 Content 的记录。

添加域名解析记录

6、更改域名 DNS 服务器,可以看到这里提示我的域名使用的服务器是阿里云的,需要将域名服务器更改为 Cloudflare 的:

  • beth.ns.cloudflare.com
  • jaime.ns.cloudflare.com
更改域名DNS服务器

7、到域名服务商进行域名服务器更改

更改域名DNS服务器

8、更改域名服务器后需要一段时间生效,点击检测显示 Cloudflare is now protecting your site 即可。

域名DNS检测通过

9、选择灵活 SSL/TLS 加密方式

选择灵活SSL/TLS加密模式

10、选择 Auto Minify 和 Brotli

设置Auto Minify和Brotli

11、选择 Workers 页面,然后单击 Manage Workers

选择Workers页面

12、为您的 worker 设置任何可用的子域(随便设置即可)

设置worker自定义子域名

13、选择 Workers 计划,免费即可

选择workers计划

14、验证电子邮箱

验证电子邮箱

15、验证过后回到第11步的 Workers 页面,然后再单击 Manage Workers,进入后点击 Create a Worker,进入编辑页面

创建一个worker
进入worker编辑页面

定制、生成脚本

16、进入 https://fruitionsite.com ,找到 Step 2 并展开小三角符号,输入对应的域名和 Notion 公开域名链接(第 1 步中复制的链接)

当然,你还可以点击 ADD A PRETTY LINK 添加其他链接,如AboutBlog等。

添加完后点击 COPY THE CODE 按钮,进行脚本复制

定制并生成脚本

粘贴脚本到 Cloudflare

17、删除原有的脚本,将生成的脚本粘贴到 Cloudflare 中,并保存。

当然,脚本可根据自己的需求自行更改,

粘贴脚本到cloudflare

18、保存完成后,点击左上角 Cloudflare 旁边的域名,重新进入 Workers,并点击进入 Add route

点击进入Add Route

19、输入yourdomain.com/*(或者subdomain.yourdomain.com/*如果你想使用二级域名,或者*yourdomain.com/*如果你想启用其他所有子域,如www)作为路由,并选择你刚刚创建的 Worker,并进行保存操作。

add route

20、至此,为 Notion 公开页面自定义域名操作已完成,你可以打开你的域名进行浏览。

演示:https://jianhaos.com

视频教程

视频链接:https://www.youtube.com/watch?v=aw0x54PzCaI

参考资料

Notion

在Notion文档中使用Indify小组件

2021-1-18 0:38:18

WordPress

移除WordPress评论名称中的链接及表单中的网址

2019-5-2 2:28:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧