將 Notion 轉換為乾淨 HTML
Notion 的複製貼上 HTML 使用深層嵌套的 div 結構、自訂 data 屬性和與其內部區塊系統綁定的 class 名稱。雖然比 Google Docs 或 Word 乾淨，但 Notion 的貼上內容仍然帶有不必要的 wrapper 元素和非 semantic 標記。Publish Helper 可移除 Notion 的殘留標記，產生乾淨且適用於 CMS 的 HTML。
I
為什麼 Notion 的 HTML 這麼亂
Notion 將每個內容區塊包裝在帶有 data-block-id 屬性和內部 class 名稱的嵌套 div 中。折疊區塊、標注和資料庫使用自訂標記結構，這些結構無法轉換為標準 HTML。內聯格式通常使用帶有 style 屬性的 <span> wrapper，而非 semantic 標籤。
- 帶有 data-block-id 屬性的嵌套 div wrapper
- 內部 class 名稱（notion-text-block、notion-header-block）
- 粗體以 font-weight:600 表達，而非 <strong>
- 折疊區塊、標注和資料庫的自訂標記
- 使用帶有樣式的 span 的非標準標題結構
II
清理前後對比
Notion 輸出
<div data-block-id="abc123" class="notion-text-block">
<div class="notion-text-block__content">
<span style="font-weight:600">Introduction</span>
</div>
</div>
<div data-block-id="def456" class="notion-text-block">
<div class="notion-text-block__content">
This is a paragraph with <span style="font-weight:600">bold text</span> and <span style="font-style:italic">italic text</span>.
</div>
</div>乾淨的 HTML
<h2>Introduction</h2> <p>This is a paragraph with <strong>bold text</strong> and <em>italic text</em>.</p>
III
如何清理 Notion 的 HTML
1.從 Notion 複製您的內容
2.貼到 Publish Helper 中並設定清理選項
3.點擊清理 HTML 並複製結果
IV
常見問題
Notion 的 HTML 比 Google Docs 乾淨嗎？
+
一般來說是的 — Notion 不會像 Google Docs 那樣為每個字元添加 inline styles。然而，Notion 使用深層嵌套的 div wrapper 和自訂 data 屬性，這些在發佈到 CMS 時仍然需要清理。Publish Helper 兩者都能處理。
可以將 Notion 的表格貼到 Publish Helper 嗎？
+
可以。Notion 的表格 HTML 在貼上時會被保留。Publish Helper 會移除 Notion 特定的 wrapper 和屬性，同時保持表格結構完整。
Notion 的折疊區塊和標注怎麼處理？
+
折疊區塊和標注使用的 Notion 自訂標記沒有標準 HTML 等效結構。Publish Helper 會保留文字內容，但移除 Notion 特定的 wrapper 元素。
Last updated: March 2026