Notion 擴增術原理：用 Cloudflare Worker 把自製網頁嵌進 Notion
嗨，本篇將介紹 Notion 擴增術的原理，如果你不知道什麼是 Notion 擴增術，可以先到這裡看看。
這篇希望你能帶走的東西：
理解 Notion 擴增術的原理，因而能夠發想自己的擴增方式。
Notion 擴增術，基本上就是透過「把自製網頁嵌入 Notion 中」這樣的方式，實現「擴增」，就像 AR 擴增實境，是在現實場景中，附加新的物品或角色一樣，你的資料都還是在 Notion 裡面，我們只是基於它們擴充了自製的顯示方式和功能。
在 Notion 中，讓我們實踐嵌入的區塊就叫做「嵌入區塊」。
新增嵌入區塊通常有兩種方式：用斜線指令找到嵌入區塊，輸入
/嵌或/emb就會顯示出來，然後在輸入網址的地方貼上網址；或是直接貼上網址，選擇嵌入。嵌入區塊可以調整大小，如果不想要有旁邊的捲軸，可以把它拉大到捲軸消失。
它可以嵌入很多種類的東西，而在 Notion 擴增術中，我們用它來嵌入「網頁」。這和 Notion 在 2026 年 7 月 1 號推出的「HTML 區塊」差別在於，我們做的東西「拿得到 Notion 裡面的資料」，而目前 Notion 推出的 HTML 區塊不行。
（但我其實會猜 Notion 應該正在往這個方向做了）
那麼，這個要被嵌入的網頁怎麼來呢？這裡就要開始說明原理了，要分三塊來理解：
前端與後端：菜單與廚房#
你可能聽過「前端」、「後端」這些名詞，它們指的是：
一個網站對我們這些使用者來說，
靠近我們、我們看得到的是「前面這端」；
離我們比較遠、我們看不到的是「後面那端」。
用一個比喻來說明，以前網路還不發達的時候，家裡常常會留著底下這種菜單：
這張菜單就是前端。
我們在瀏覽器（像是 Chrome、Firefox 這些用來瀏覽網站的應用程式）輸入網址後看到網頁，這個流程就像，你在家打一通電話到咖啡廳，說：「我要一張菜單」，咖啡廳就派人把菜單送到你家給你。
然後你再打電話點一個焦糖布丁，外送員把布丁送到你手上，從頭到尾，你都不會看到這間店的廚房。
對於這間店，你看到的就只有菜單。
所以前端指的就是「我們能看到的頁面」，後端通常指的則是「處理背後邏輯的伺服器與資料庫」。
（當然實際的運作原理更複雜，但在這裡我們只需要理解概念就好。）
在這裡把這兩塊切開來，想要說明清楚的是：後端有什麼資料，跟前端要怎麼呈現，是兩回事。
一樣都賣美式咖啡、鮮奶茶和紅茶，有些咖啡廳的菜單會把咖啡跟茶類分開，有些咖啡廳的菜單還會把鮮奶茶再分出一類。
前端的目的是「給使用者看」，想要怎麼設計就怎麼設計。
如果你已經會用 Notion，應該不難理解這個概念：Notion 中的「瀏覽模式」就是對同樣的後端資料，做不一樣的前端呈現。
你可以把同一個資料庫呈現成表格、看板、圖表，你知道你不會因為改了一個瀏覽模式就多一份資料，這些瀏覽模式（前端）用的都是同一份資料（後端）。
但在這之前，我們只能用 Notion 提供的瀏覽模式來呈現，而現在，有了 Notion 擴增術，你就可以自己決定你的「前端」要怎麼呈現。
有了這個概念之後，我們就可以來看 Notion 擴增術是怎麼擴增的。
Worker：「客製化代工」#
我們用剛剛的流程來說明，但把咖啡廳換成燈泡商、菜單換成型錄。
跟菜單不同的是，燈泡有上百種，所以你打電話給燈泡商要型錄，外送員送來的是一大本型錄。
但你其實只要家用燈泡的部分就好。你不需要整份型錄，但店家沒有額外做「家用燈泡型錄」。
怎麼辦呢？
Notion 擴增術做的就是：在流程中間，另外請一個「客製化代工」，請他重做一份家用燈泡的型錄。
這個人會去跟燈泡商拿型錄，然後按照你跟他談好的方式，像是「只要家用燈泡的部分就好」，重新做一份型錄給你。
這個「客製化代工」在現實中，叫做 Worker。
一樣，我們不深究實際細節，理解概念就好。
我們或許比較常聽到 Server，也就是伺服器，對它的想像大概就是一台機器，上面安裝了系統，可以處理很多網路請求。
你可以把 Worker 想像成比較簡單的 Server。
用一個比喻來說：Server 像是「長時間開放的餐廳」，整間餐廳二十四小時待命，設備、人手齊全；而 Worker 像是一台「隨叫隨到的餐車」，你叫它的時候，員工才上班做餐點給你，做完就直接下班，等你下次叫它。
在這個時代，特別要說明清楚的是，它是「程式」，不是 AI。也就是他基本上不能用自然語言（也就是我們說的話）來溝通。
大概理解概念就好，只要知道 Worker 是一個程式，我們會把它放到網路上，請它按照我們的設計來工作，這樣就好。
Worker 是這套擴增術的核心，就是因為有 Worker 才能夠實踐擴增：
誰去跟 Notion 拿資料？Worker。
誰把資料呈現在網頁裡？Worker。
誰去 Notion 改資料？Worker。
那 Worker 怎麼來？請 AI 寫，然後部署（安裝進虛擬機器，上線到網路上）到一個叫做 Cloudflare 的平台上。
Notion API：資料來源#
最後，剛剛說到 Worker 會去跟 Notion 拿資料，是怎麼拿的呢？
Notion 本身提供了「API」來寫入和讀取資料，API 是 Application Programming Interface 的縮寫，不用記，只是讓你知道它是一個「介面」（但突然發現介面也是一個專有名詞），總之就是一個「設計好給兩個不同的東西的溝通方式」。
聽不懂是正常的，但你就把 API 想成餐廳的一台點單機器，但它沒辦法像 AI 一樣聽得懂人話，它只能按照它被設計的溝通方式來接收跟給東西，所以你一定要說出「我要QQㄋㄟㄋㄟ好喝到咩噗茶」才能拿到飲料，說「珍珠奶茶」不行。（如果你不知道什麼是QQㄋㄟㄋㄟ好喝到咩噗茶，點這裡）。
另外一個例子是，你在 LINE 上可能用過一些官方帳號，你輸入某些關鍵字，它就會回你相對應的訊息。API 就是類似這樣的概念，總之就是一個「設計好給兩個不同的東西的溝通方式」。
要說回比喻的話，API 就像燈泡商擺了一台點單機器，客製化代工要會去按那台機器，拿到自己要的東西。
Notion API 目前只要有 Notion 帳號就能使用，不需額外付費。
以上，原理講完了！
再提一次，這篇的說明簡化了很多部分，實際上網路的運作方式更加複雜，但這篇我只希望讓你能夠知道「為什麼可以擴增？怎麼實踐擴增的？」。
如果有任何覺得不清楚的地方歡迎留言告訴我～
請期待下一篇：實作篇！（或是先看之前的Notion 任務資料庫自訂排序：用按鈕實現一鍵上移下移，概念是一樣的，同樣是使用 Worker，只是沒有做出前端的頁面）
💡 小提示
因為數位工具都會持續更新，本篇內容會基於撰寫的當下（2026 年 8 月 19 日）來敘述，所以如果文章跟你實際看到的不一致，影響了你的學習，歡迎來信 hey@hwahii.tw 反映。