女朋友想在遊戲裡氪金但是又猶豫不決,經過協商之後我們決定成立一個基金會以日常生活中節約下來的💴作為資金來源,滿足她的氪金以及相關的電子娛樂需求。
思路#
- 尋找合適的記帳軟體。在了解支付寶情侶小荷包以及市面上各類記帳軟體之後,發現功能太過複雜,會造成很多不必要的管理開銷,最終決定使用 Notion 的 Database 塊,可以自定義任意屬性,可以使用多種佈局,表格,列表,日曆,相冊等等,滿足充分的自定義需求,同時輕量化。
- 將資金流水實時公開給女朋友,進行 Notion 的站點發布並綁定自定義域名,這樣在移動端就可以隨時輸入域名進行觀看啦。
步驟#
- 使用 Database 塊記錄資金信息
新建一個頁面,輸入 “/” 彈出提示列表
- 發布 Notion 頁面為站點
[Share]->[Publish]
發布成功後可以配置網站觀看者權限,單擊🔗圖標複製網站鏈接
- 綁定 Notion 域名到自定義域名
通過部署 Cloudflare Worker 反向代理自定義域名到 Notion 域名
配置 Workers#
登錄 Cloudflare,點擊要綁定的網站域名,例如下圖:002724.xyz
點擊左側導航欄的 “Workers Routes”,點擊 “管理 Workers”
“設置免費的自定義 Cloudflare Workers 子域名”,隨意可修改
完成後出現這個界面,繼續選擇 “Free” 計劃
點擊 “創建服務”
服務名稱可以跟我一樣取 notion-worker 方便後面操作的時候選擇服務能認出來,完成點擊 “創建服務”
使用網站生成 Workers 代碼
打開這個網站(需要科學上網)https://fruition-stephenou.vercel.app/
第一行:自己的域名 (e.g. funds.002724.xyz)
第二行:Notion 分享頁面鏈接
下面已經生成代碼,點擊 “COPIED!”
在這裡我的域名是頂級域名002724.xyz,如果是二級域名無法自動識別,不會觸發 "copy" 條件,我猜測這個網站是主要用於 Notion 建站的腳本,使用頂級域名直接作為網站域名
未觸發按鈕可以直接複製下方代碼根據註釋自行填寫
Workers 編輯代碼#
回到 Cloudflare,點擊Workers,點擊編輯代碼
左側代碼區塊,Ctrl+A 全選刪除,剛才複製好的代碼 Ctrl+V 粘貼,然後點擊 “保存並部署”
添加路由#
點擊 “Workers 路由”,點擊 “添加路由”
[二級域名].[頂級域名]/*
* 為通配符,表示匹配所有字符
如 url.com/*:表示匹配以 url.com/ 開頭的所有網址,如 url.com/abab、url.com/abab/cdcd 等
服務選創建的 Workers 服務名稱(我上面提到的 “notion”)
總結#
到此就實現使用 Notion 記錄基金來源,以及日常活動同時發布網站使用自定義域名訪問啦ヽ (✿゚▽゚) ノ
參考資料#