Online Markdown Viewer with HTML Preview 作者: mdapp leadtech

Online Markdown Viewer with HTML Preview 可協助你在線上檢視 Markdown、開啟 .md 檔案，並直接在 Firefox 中把網頁轉成乾淨的 Markdown。它會移除廣告、側邊欄與頁面雜亂內容，同時保留標題、清單、表格、連結，以及清楚易讀的結構。你可以用它擷取整篇文章、選取的文字與 AI 對話內容，也能抓取 YouTube transcript，並整理成更乾淨、更容易閱讀與重複使用的格式。目錄 核取方塊可協助你在複製、列印或儲存前選擇需要的章節。
你可以從工具列或右鍵選單啟動這個 online markdown viewer，並在方便的 sidebar 中開啟結果。它支援整頁內容、頁面中的選取部分、本機 .md 與 .json 檔案，以及在瀏覽器中更有條理的閱讀流程，同時也支援 Mermaid 與 KaTeX 等技術內容。

🔹 主要功能
📝 將網頁轉換為 GitHub Flavored Markdown
📐 支援 KaTeX 數學公式渲染與 Mermaid 圖表
🤖 從支援的聊天平台擷取 AI 對話內容
🗂️ 具章節篩選核取方塊的 Table of Contents
🖥️ 具原始碼檢視的 HTML preview
📄 以結構化的檢視方式開啟 .md 與 .json 檔案
🎨 語法高亮、程式碼複製按鈕與深色模式
💾 匯出選項：複製、儲存為 .md、儲存為 .htm，以及列印成 PDF
🔎 具計數器的搜尋、導覽與縮放控制

🔹 更乾淨的網頁閱讀體驗
Online Markdown Viewer with HTML Preview 的設計目的，就是讓內容繁雜的網站更容易使用：
🔺 移除橫幅、選單與雜亂元素
🔺 保留標題、程式碼區塊、表格與連結
🔺 讓文章、指南與筆記更容易瀏覽，並可搭配 目錄 快速定位
🔺 讓你專注於主要文字，而不是沉重的頁面版面配置

🔹 當你需要渲染後的檢視時，可使用 HTML preview
你可以依需要在 Markdown 檢視與 HTML preview 之間切換。
➤ 在瀏覽器中開啟整頁網頁
➤ 只轉換所選取的部分
➤ 以 Markdown 形式閱讀結果
➤ 在儲存或列印前，以乾淨的 HTML 預覽渲染後的版本
這讓擴充功能在你同時需要 markdown viewer 與實用的 markdown to html 工作流程時特別方便。

🔹 AI 對話擷取
Online Markdown Viewer 可協助將冗長的 AI 對話整理成更乾淨、可重複使用的文字，目前支援以下聊天內容：
📌 擷取 ChatGPT 對話
📌 擷取 Claude 對話
📌 擷取 Gemini 對話
📌 擷取 Copilot 對話
📌 擷取 Grok 對話
這對於以更易讀的形式保存提示詞、回答、筆記與研究對話，方便後續重複使用、列印或匯出，非常實用。

🔹 為結構化與技術型內容而打造
Online Markdown Viewer 擴充功能支援一些對進階文件特別有用的功能：
🧩 提供圖表的輕量級 Mermaid 支援
🧩 支援 KaTeX 數學符號
🧩 GitHub 風格的文件渲染
🧩 提升技術文件與其他結構化文字的可讀性

🔹 在瀏覽器中開啟檔案並閱讀
這個擴充功能同樣很適合本機 .md 與 .json 檔案與瀏覽器內閱讀：
📂 開啟電腦中的 .md 檔案
📂 以結構化的檢視方式開啟電腦中的 .json 檔案
📂 將瀏覽器中開啟的 html 檔案轉成 sidebar 中的 Markdown 檢視
📂 使用搜尋與 Table of Contents（目錄）核取方塊，選擇要複製、列印或儲存的章節

🔹 依需求儲存結果
不同工作適合不同格式。你可以：
💾 將 Markdown 複製到剪貼簿
💾 複製渲染後的 HTML
💾 儲存為 .md 或 .htm
💾 直接列印，或透過瀏覽器或作業系統的列印選項儲存為 PDF
這對研究筆記、文件、參考資料、學習內容，以及在網頁瀏覽器中的離線閱讀都很有幫助。

🔹 適合 transcript、聊天與生產力工作流程
有些內容以原始形式不容易重複利用。這個工具可協助你：
📌 在頁面提供 transcript 時擷取 YouTube transcript
📌 儲存含時間戳記與來源參考的 transcript 輸出
📌 透過右鍵選單擷取所選的 AI chat 文字
📌 在 Obsidian 或 Notion 的 Markdown 流程中重複利用轉換後的內容
📌 讓筆記與專案維持一致的格式
📌 將 html 頁面轉成 .md 檔案，供 Jupyter notebooks 或 GitHub Gist 頁面等工具使用
它為你提供簡單的 html to markdown 工作流程，可把雜亂網頁變成可重複使用的文字。

🔹 輕量且更重視隱私
✅ 不追蹤瀏覽活動
✅ 無需帳號
✅ 直接在瀏覽器中運作
✅ 僅要求本機使用與匯出流程所需的權限