從混亂到重建：我如何拆解 Notion Universe 的旅程

研究者的推理旅程

<aside> <img src="attachment:3968545b-f840-4f04-bcde-db075fd16455:image.png" alt="attachment:3968545b-f840-4f04-bcde-db075fd16455:image.png" width="40px" />

起點｜混亂與困惑

• 一開始，我就被一堆根本性的問題卡住了

這些問題讓我越挖越覺得混亂、越看越覺得不合理。

</aside>

<aside> <img src="attachment:15eeb592-bdcc-4938-8cfa-5b2d3acd8852:image.png" alt="attachment:15eeb592-bdcc-4938-8cfa-5b2d3acd8852:image.png" width="40px" />

迷霧｜越挖掘越覺得不對勁

• 每一條線索都帶來更多矛盾

愈研究，霧愈濃。我也開始感覺到 Notion 不單是個編輯軟體，而是一個多層系統的疊加。

</aside>

<aside> <img src="attachment:bd8c6f94-8399-4519-9d87-618abdc6cbd0:image.png" alt="attachment:bd8c6f94-8399-4519-9d87-618abdc6cbd0:image.png" width="40px" />

破壞｜用研究方法拆掉重來

• 找不到入口後，我將所有理解拆掉，改用假設、語意、抽象層、語法邏輯來反推：

這是一條充滿試錯的路。但也因此逼出了新的理解。

</aside>

<aside> <img src="/icons/hammer_brown.svg" alt="/icons/hammer_brown.svg" width="40px" />

重建｜六大抽象層的浮現

推到最後，我終於看到 Notion Universe 的骨架：

Notion = 語法 × 結構 × 編輯器 × 呈現 × 同步 × 系統哲學

• 於是我知道，這六層必須成為六個資料庫一起研究 </aside>

推理過程的完整心智圖

<aside> 🧠

從問題到抽象層｜六層架構如何一步步浮現？

• 點擊三角形查看完整的推理心智圖 </aside>

瀏覽六層系統架構

現在，讓我們一起來看看這六層系統如何組合成完整的 Notion Universe：

無標題

系統架構的互動關係

flowchart LR

    %% 六大資料庫節點
    S[System DB<br>系統觀 / 宇宙地圖]
    E[Editor DB<br>編輯器模型]
    B[Block Model DB<br>資料與概念結構]
    G[Syntax DB<br>語法 / 文本規則]
    R[Rendering DB<br>呈現與視圖邏輯]
    Y[Sync DB<br>同步與一致性]

    %% 使用者視角（閱讀 / 使用）
    U[(User View<br>使用者看到的 Notion)]

    %% 上層：System 作為總體視角
    S --> E
    S --> B
    S --> G
    S --> R
    S --> Y

    %% 語法 ↔ 編輯器 ↔ 區塊模型
    G --> E
    E --> G

    G --> B
    B --> G

    E --> B
    B --> E

    %% 呈現層：吃語法 + 結構 + 編輯器狀態
    G --> R
    B --> R
    E --> R

    %% 同步層：維持各層狀態一致
    B --> Y
    E --> Y
    R --> Y
    Y --> B
    Y --> E
    Y --> R

    %% 使用者看到的結果
    R --> U
    Y --> U
    S --> U

<aside> 💡

這段旅程的意義

這不只是對 Notion 的拆解，更是對系統思維的探索：

• 如何從混亂中找到結構？
• 如何用推理建構抽象層？
• 如何讓問題引導出答案？

這是我慢慢找到屬於自己拆解系統的方式～

</aside>

看完的話可以從任意門回去呦

<aside> <img src="/icons/sign-in_brown.svg" alt="/icons/sign-in_brown.svg" width="40px" />

• 任意門
• 踏踏與回饋 </aside>