Publish Helper logo

目錄產生器 — 從 HTML 標題自動生成

從任何 HTML 內容中掃描標題標籤，生成可複製、可連結的巢狀目錄。

I

目錄產生器

已選擇 5 個層級

II

使用方式

1.貼上 HTML

貼上包含標題標籤（H2-H6）的 HTML。

2.選擇輸出格式

切換 HTML 清單或 Markdown 清單輸出格式。

3.複製與插入

複製產生的目錄並插入到文章開頭。

III

為什麼目錄有幫助

良好的目錄結構幫助讀者瀏覽長篇內容，提升使用者參與度。搜尋引擎也利用標題結構理解你的內容。

  • 有目錄的長篇內容跳出率更低
  • 幫助讀者跳至相關章節
  • 提升內容結構與可讀性
  • 適用於任何支援錨點連結的 CMS
Last updated: May 2026|Built by content editors for content editors|Used by 10,000+ bloggers
IV

常見問題

支援哪些標題層級？

+

支援 H2 到 H6。H1 通常作為頁面標題，不包含在目錄中。

這個工具免費嗎？

+

是的，完全免費，無需註冊。

V

所有工具

SEO Slug 產生器

AI 將標題轉換為網址 Slug

中英文自動加空格

CJK 與拉丁文字自動間距

HTML 差異檢視器

比對清理前後的 HTML

內容統計工具

字數、閱讀時間與更多數據

無障礙檢查工具

檢查 HTML 無障礙問題

OG 圖片產生器

建立社交分享圖片

Markdown 轉換器

HTML 與 Markdown 雙向轉換

JSON - LD 產生器

為 SEO 建立結構化資料

大小寫轉換

將文字轉換為大寫、小寫、標題大小寫等

文字提取器

從文字中提取網址、Email 和電話號碼

文字比對

比較兩段文字的差異

關鍵字密度

分析詞頻和關鍵字密度

SERP 預覽

預覽 Google 搜尋結果片段

可讀性檢查

檢查 Flesch-Kincaid、Gunning Fog 等分數

或從主要的 HTML 清理工具開始

開啟 Publish Helper

更新日誌

v3.3.12026-06-17
  • 修復Slug 產生器更新至最新 AI 模型，提升穩定性
  • 修復標題轉換支援直排中日韓文字常用的 U+FE30 冒號分隔符（︰）
  • 修復標題轉換不再將前導   包含在提取的標題中
  • 修復OG 圖片產生器現在會自動換行長中日韓文字，並使用省略號防止溢出
  • 改進更新 sharp 至 0.35.1 以提升圖片處理效能
v3.3.02026-05-30
  • 修復SEO 及無障礙：<html lang> 屬性、theme-color meta、OG 圖片 alt 文字國際化
  • 修復拒絕 Cookie 同意時正確移除 GA 腳本
  • 修復內容統計國際化 + 連結計數正則修正
  • 修復工具頁面章節編號修正（全部 14 頁）
  • 改進簡化清理選項 — 移除 10 個 Tiptap 已處理的勾選框，只保留 4 個實用選項
  • 改進自動清理僅在貼上時觸發，不再每次內容變更都執行
v3.2.12026-05-26
  • 修復標題轉換器正確拆分包含多個標題 strong 元素的段落
  • 修復標題轉換器將提取的標題放在正文段落之前，保持正確的文檔順序
  • 修復編輯器工具列不再導致 React hydration 不匹配
  • 修復補回缺失的 @tiptap/extension-drag-handle-react 依賴
v3.2.02026-05-23
  • 新功能6 個全新 SEO 內容編輯工具 — 大小寫轉換器、純文字提取器、文字差異比對、關鍵字密度分析、SERP 預覽產生器、可讀性檢查
  • 新功能標題下拉選單擴展至 H5-H6（原本只到 H1-H4）
  • 新功能表格工具列 — 插入/刪除行列、合併/拆分儲存格、切換標題列
  • 新功能拖曳手把 — 在編輯器中拖曳重新排列區塊
  • 新功能大小寫轉換器 — 11 種格式包括 camelCase、PascalCase、snake_case、kebab-case
  • 改進SERP 預覽 — 精確的 Google 風格預覽，支援桌面/手機版面
  • 改進文字差異比對 — 變更行內的單字級高亮
  • 改進所有新工具已從主頁「工具與指南」區塊及相關頁面連結
  • 改進修復所有工具頁面的繁體中文 FAQ 對齊問題
v3.1.12026-05-23
  • 修復編輯器草稿還原 — 儲存的內容現在正確載入 Tiptap 編輯器
  • 改進依賴更新，提升效能與穩定性
v3.1.02026-05-14
  • 新功能列表標籤粗體 — 自動將列表項目的標籤前綴加粗（如「Name: John」→「<strong>Name:</strong> John」）
  • 新功能格式化附加元件分組 — 標題轉換、中日韓自動空格、列表標籤粗體整合為可摺疊區塊
  • 修復中日韓自動空格跨 HTML 標籤邊界運作
v3.0.22026-05-08
  • 修復標題轉換器正確拆分單一 <strong> 元素中以 <br> 分隔的多個 H2/H3 前綴
v3.0.12026-05-07
  • 修復HTML 清理器正確移除 Google Docs 遺留的孤立 <strong><br><br></strong> 標籤
  • 修復標題轉換器偵測段落末端 <strong> 標籤中的 H2/H3 前綴
  • 修復段落末端的 <br> 標籤現在被移除 — 標題前不再有多餘換行
v3.0.02026-05-03
  • 新功能HTML 差異檢視器 — 以視覺化差異（綠/紅）比對修改前後的 HTML
  • 新功能內容統計計算器 — 字數、閱讀時間、標題數、圖片數、連結數
  • 新功能HTML 無障礙檢查器 — 偵測缺失 alt 文字、空標題、跳級標題等問題
  • 新功能OG 圖片產生器 — 從部落格標題建立 1200×630 社群分享圖片
  • 新功能Markdown ↔ HTML 轉換器 — Markdown 與 HTML 雙向轉換
  • 新功能目錄產生器 — 從 HTML 或 Markdown 標題自動產生巢狀目錄
  • 新功能JSON-LD 結構化資料建立器 — 產生 Article、BlogPosting、FAQPage 結構化標記
  • 新功能貼上自動清理 — 可選開關，貼上內容時自動觸發清理
  • 新功能表格清理選項 — 移除儲存格寬度和空白儲存格
  • 新功能自動儲存草稿 — 內容存入 localStorage，意外重新整理後可還原
  • 新功能所有新工具已從主頁「工具與指南」區塊及相關頁面連結
v2.4.12026-04-27
  • 新功能標題下拉選單新增「段落」選項 — 可將標題轉回一般文字
  • 修復H1-H6 標題前綴即使帶有前導換行也能正確轉換
  • 修復修復頁面載入崩潰 — Cookie 同意彈窗現在穩定顯示
  • 改進依賴更新，提升效能與穩定性
v2.4.02026-04-17
  • 新功能清除按鈕 — 從左側面板標題快速清空編輯器並重設 HTML 面板
  • 修復清空編輯器後 HTML 面板不再出現空白 <p></p> 佔位符
  • 新功能透過 URL 插入圖片 — 用新工具列彈窗貼上任何圖片 URL
v2.3.22026-04-14
  • 修復標題轉換以 DOM 解析重寫 — 支援任何包裹標籤、拆分標題，並安全保留列表中的 <li>
  • 修復Google Docs 遺留的空標題標籤現在自動移除
v2.3.12026-03-25
  • 修復標題轉換處理冒號前的空格（如「H2 : Title」）
  • 修復由右至左的內容（阿拉伯文、希伯來文）不再反轉內嵌英文
  • 修復間隔段落（&nbsp;）現在保留在 HTML 輸出中，不再被移除
v2.3.02026-03-20
  • 新功能中日韓自動空格 — 自動在中文/日文/韓文字元與英文字母或數字之間插入空格（使用 pangu.js）
  • 新功能獨立的中日韓自動空格工具頁面，附修改前後範例、FAQ 及 SEO 優化的雙語內容
  • 新功能中文介面文字自動空格 — 繁體中文介面文字正確顯示中日韓-拉丁字元間距
  • 修復手機工具列不再浮動跟隨捲動 — 固定在編輯器底部
  • 修復手機工具列按鈕改為水平捲動，不再溢出
  • 修復尋找與取代輸入框不再在窄螢幕上溢出容器
v2.2.12026-03-20
  • 修復標題轉換使用文字前綴（如 H3:）設定標題層級，即使內容已在不同的標題標籤中
v2.2.02026-03-18
  • 新功能AI 標題轉 SEO Slug — 10 秒內將任何語言的部落格標題轉為 SEO 友善的英文網址
  • 新功能主頁新增 Slug 產生器開關 — 編輯後直接產生，無需捲動
  • 新功能表格支援 — 從 Google Docs 貼上的表格現在正確顯示
  • 新功能移除標題後 <br> 的清理選項（預設開啟）
  • 新功能HTML 程式碼檢視支援部分文字選取複製
  • 新功能底部固定「清理 HTML」按鈕
  • 改進標題轉換移除現有標題標籤的前綴，支援中文全形冒號（：）
  • 改進所有頁面共用頁尾
v2.1.22026-03-17
  • 修復錯誤修復與改善
v2.1.12026-03-16
  • 修復錯誤修復與改善
v2.1.02026-03-16
  • 新功能HTML 程式碼檢視的格式化/原始碼切換
  • 改進從程式碼面板複製現在一律提供乾淨的未格式化 HTML
v2.0.02026-03-16
  • 新功能歡迎使用 Publish Helper — 內容編輯者的免費線上工具
  • 改進改善搜尋引擎能見度
v1.1.02026-03-16
  • 改進剪貼簿複製 — 乾淨的 HTML 輸出與程式碼檢視一致
v1.0.02026-03-16
  • 新功能支援 Google Docs 貼上的所見即所得編輯器
  • 新功能HTML 清理：移除樣式、類別、空標籤及 Google Docs 殘留
  • 新功能從文字前綴轉換為正確的 HTML 標題標籤
  • 新功能尋找與取代，支援正則表達式及可儲存預設
  • 新功能語法高亮 HTML 預覽，一鍵複製
建議新功能