純 Markdown · 無新 dialect

把 Markdown 變成
AI 工作本體 + 人類閱讀投影

Markdown+ 不是新格式。它是純 Markdown 加上三個習慣與一份受控 metadata 字彙表, 讓同一份文件既能被 AI 穩定查詢與修改,又能被 viewer 渲染成有導覽、卡片、儀表板的人類閱讀介面。

localhost:8000/playground
- **#current-state**
  `type:state`
  `status:active`
  目前 Auth v2 在
  production 運作。

- **#sla-kpi**
  `type:kpi`
  `value:99.92`
  `target:99.95`
  SLA 99.92%,
  距目標 0.03%。

- **#auth-v1**
  `type:history`
  `status:
  deprecated`
  # 預設摺疊
Current State Active
目前 Auth v2 在 production 運作。
API SLA
99.92%
Target 99.95% · −0.03
▸ Auth v1 (deprecated)

為什麼需要 Markdown+

AI 與人類對「好文件」期待相反。傳統做法走極端,兩邊都做不好。

舊路線 純 Markdown

  • 對 AI 友善但難結構化
  • 對人類陽春無 UI
  • 無 metadata、無受控字彙

舊路線 HTML

  • tag 噪音、token 暴漲
  • 難局部修改
  • 常用 base64 inline 把 context 撐爆

Markdown+ 本體與投影分工

Source 是給 AI 的純 Markdown + 受控 metadata。 View 由 viewer 把 source 渲染成漂亮 HTML。

Source 不負責長得漂亮,Viewer 不負責保存語義。兩邊各做自己擅長的事

三個核心原則

把這三件事做到位,AI 與人類同時受惠。

Graceful Degradation

Source 必須是合法 CommonMark。GitHub、Obsidian、VS Code 看仍是清楚的 bullet list,絕無亂碼。

Source vs Projection

Source 承載語義 (metadata + prose);viewer 加上 nav、status pill、card、gauge、callout。視覺不寫進 source。

No Inline Binary

image / video / svg 一律外部相對路徑。base64 是 LLM context 殺手,一張圖可吃幾萬 tokens 還毫無語義。

設計哲學

跟 Mermaid 同一條路

Mermaid 在 GitHub render 成圖,在純文字 editor 看是合法 code fence。 Markdown+ 在 GitHub 看是有結構的 bullet list,在 viewer 看是有互動的文件。 Source 從頭到尾是合法 CommonMark,不需要任何 dialect 支援

長什麼樣 — 30 秒範例

同一份 source,左邊是純 markdown viewer 看到的,右邊是 Markdown+ viewer 渲染。

Source (純 markdown viewer)
- **#current-state** `type:state` `status:active`
  目前 Auth v2 在 production 運作。

- **#sla-kpi** `type:kpi` `metric:API_SLA`
   `value:99.92` `target:99.95`
  API SLA 99.92%,目標 99.95%。

- **#auth-v1** `type:history`
   `status:deprecated`
   `visibility:collapsed`
  Auth v1 把 token 直接放 cookie。
Rendered (Markdown+ viewer)
Current State Active
目前 Auth v2 在 production 運作。
API SLA
99.92 %
Target 99.95% · −0.03
▸ Auth v1 (deprecated)

它解決了什麼

精準讀取

AI 不再要按行掃整檔。可以 list_blocks()read_block(id) 精準讀取。

歷史不污染現況

歷史內容預設摺疊,AI 不會誤把已棄用內容當現況,人類也看得清楚。

Token 友善

metadata 約 10 tokens vs HTML card 200+ tokens。差距在大文件上會放大幾個數量級。

工具鏈相容

GitHub diff、grep、IDE preview 都正常 — 因為 source 仍是合法 CommonMark。

視覺由 viewer 推導

nav、卡片、gauge、callout 全由 metadata 自動推導,作者不寫 CSS 與 HTML。

受控字彙

type: / status: 為 closed list,viewer 才能穩定渲染、AI 才好 routing。

準備好試試了嗎?

Playground 預設載入一份涵蓋所有元素的 33-block 範例。改一改、看一看。

立即開啟 Playground →