Notion 网站发布及域名自定义

image

女朋友想在游戏里氪金但是又犹豫不决,经过协商之后我们决定成立一个基金会以日常生活中节约下来的💴作为资金来源,满足她的氪金以及相关的电子娱乐需求。

思路

  1. 寻找合适的记账软件。在了解支付宝情侣小荷包以及市面上各类记账软件之后,发现功能太过复杂,会造成很多不必要的管理开销,最终决定使用 Notion 的 Database 块,可以自定义任意属性,可以使用多种布局,表格,列表,日历,相册等等,满足充分的自定义需求,同时轻量化。
  2. 将资金流水实时公开给女朋友,进行Notion的站点发布并绑定自定义域名,这样在移动端就可以随时随时输入域名进行观看啦。

步骤

1.使用Database块记录资金信息

新建一个页面,输入“/”弹出提示列表

image

2.发布Notion页面为站点

[Share]->[Publish]

notion-publish

发布成功后可以配置网站观看者权限,单击🔗图标复制网站链接

image

3.绑定Notion域名到自定义域名

通过部署Cloudflare Worker反向代理自定义域名到Notion域名

配置Workers

登录Cloudflare,点击要绑定的的网站域名,比如下图:002724.xyz

image

点击左侧导航栏的“Workers Routes”,点击“管理Workers”

worker-route

“设置免费的自定义Cloudflare Workers子域名”,随意可修改

完成后出现这个界面,继续选择“Free”计划

image

点击“创建服务”

image

服务名称可以跟我一样取notion-worker方便后面操作的时候选择服务能认出来,完成点击“创建服务”

image

使用网站生成Workers代码

打开这个网站(需要科学上网)https://fruition-stephenou.vercel.app/

第一行:自己的域名(e.g. funds.002724.xyz)
第二行:Notion分享页面链接
下面已经生成代码,点击“COPIED!”

在这里我的域名是顶级域名002724.xyz,如果是二级域名无法自动识别,不会触发"copy"条件,我猜测这个网站是主要用于Notion建站的脚本,使用顶级域名直接作为网站域名
未触发按钮可以直接复制下方代码根据注释自行填写

image

Workers编辑代码

回到Cloudflare,点击Workers,点击编辑代码

worker-edit

左侧代码区块,Ctrl+A全选删除,刚才复制好的代码Ctrl+V粘贴,然后点击“保存并部署”

image

添加路由

点击“Workers路由”,点击“添加路由”

image

[二级域名].[顶级域名]/*

为通配符,表示匹配所有字符
如 url.com/
:表示匹配以url.com/开头的所有网址,如 url.com/abab、url.com/abab/cdcd等

服务选创建的Workers服务名称(我上面提到的“notion”)

image

总结

到此就实现使用Notion记录基金来源,以及日常活动同时发布网站使用自定义域名访问啦ヽ(✿゚▽゚)ノ

参考资料