Notion+Cloudflare 免費自定義域名部署網站

搭建好頁面之後 → 發布頁面

Notion 網站發布之後，可以點擊 Site settings 簡單設置，比如上傳網站的 logo，網站主題配色，功能按鈕開關顯示以及 SEO。

其實如果對域名沒有要求的話，點擊網站發布，這樣就可以了。把連結分享出去，他人能夠正常訪問網站。

如果你覺得 Notion 分配的域名不夠酷，恰好自己有個域名，又恰好域名 Cloudflare 管理，你想再折騰一下，那麼繼續往下看👇

Cloudflare 我新建主域名下二級域名。

類型：CNAME；名稱例如：gallery；內容：notion.so；代理狀態：僅代理。

創建一個 Workers，填入名稱（隨便取，能識別即可），點擊部署

找到右側「編輯代碼」點擊進入，會變成這樣一個界面，別慌！

Fruition 是一個免費開源項目，通過 Cloudflare Workers 為 Notion 頁面自定義域名。

注意，複製好之後，回到 Cloudflare，將右側編輯框原代碼清空刪除，然後把 Fruition 代碼粘貼到右側編輯框中，點擊部署。

Workers 部分已經完成！

點擊 Cloudflare 返回域名界面，進入第一步新建二級域名時的界面。

我在這裡差點迷路，域名 Workers 路由和 Workers 是兩個工作區。側面導航功能明顯不同，不要搞混。

選擇需要綁定域名的 Workers 路由 → 添加路由。如果你有兩個及以上的域名，別進錯域名。

填入域名，注意網址後面加 /*，我一開始沒加，網頁報錯無法顯示，所以，請加上！worker 就是那個貼代碼後部署的 Workers工程

🎉 Workers 路由設置完成，如無意外，通過自定義鏈接，就可以正常訪問 Notion 網站了哦。

Notion 設計網站發布 → 申請二級域名 → 創建 Workers → Fruition 代碼貼入 Workers 並部署 → 回到域名添加 Workers 路由

它的原理就是部署一個 Workers，然後讓域名指向它。

比較容易出錯的地方就是新手容易搞混 Workers 和 Workers 路由，以及添加路由時，網址後面沒有加 /*，導致網頁無法正常顯示。

下期預告： 如何打通 Obsidian 和 Notion，在 Obsidian 中編輯文章，然後一鍵發布文章到用 Notion 搭建的網站。