zfsjlll

zfsjlll

趁着年轻,好好犯病

Notion網站發布及域名自定義

image

女朋友想在遊戲裡氪金但是又猶豫不決,經過協商之後我們決定成立一個基金會以日常生活中節約下來的💴作為資金來源,滿足她的氪金以及相關的電子娛樂需求。

思路#

  1. 尋找合適的記帳軟體。在了解支付寶情侶小荷包以及市面上各類記帳軟體之後,發現功能太過複雜,會造成很多不必要的管理開銷,最終決定使用 Notion 的 Database 塊,可以自定義任意屬性,可以使用多種佈局,表格,列表,日曆,相冊等等,滿足充分的自定義需求,同時輕量化。
  2. 將資金流水實時公開給女朋友,進行 Notion 的站點發布並綁定自定義域名,這樣在移動端就可以隨時輸入域名進行觀看啦。

步驟#

  1. 使用 Database 塊記錄資金信息

新建一個頁面,輸入 “/” 彈出提示列表

image

  1. 發布 Notion 頁面為站點

[Share]->[Publish]

notion-publish

發布成功後可以配置網站觀看者權限,單擊🔗圖標複製網站鏈接

image

  1. 綁定 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 記錄基金來源,以及日常活動同時發布網站使用自定義域名訪問啦ヽ (✿゚▽゚) ノ

參考資料#

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。