微信公眾號 Markdown 排版完整指南：從寫作到一鍵發布

為什麼公眾號排版這麼難？

微信公眾號的原生編輯器是富文字所見即所得，不支援 Markdown 語法。很多創作者的工作流程是：Markdown 寫稿→手動在公眾號編輯器裡調整字型、顏色、間距→上傳圖片→發布。這個過程平均耗時 30–60 分鐘，純屬重複勞動。

微信公眾號另一個限制是：它不支援外部 CSS、不支援 CSS 變數、不支援 <script> 標籤。貼上帶有 CSS 類別名稱的 HTML 會失去所有樣式。因此，富文字複製必須將所有樣式轉為內聯 style 屬性。

Mark.build 如何解決這個問題

Mark.build 的「複製富文字」功能專門針對微信公眾號做了適配：

1. 將 CSS 變數展開為具體顏色值——透過瀏覽器的 getComputedStyle API，在複製時將所有主題變數解析為實際的 RGB 值，寫入每個元素的 style 屬性。
2. 清除公眾號不支援的標籤——自動刪除 <button>（程式碼區塊複製按鈕）、<script>、<style> 等公眾號會過濾的元素。
3. 規範圖片展示——為所有圖片補全 display:block; max-width:100%，防止在公眾號內出現圖片溢出。

操作步驟（3 步完成）

第 1 步：在 Mark.build 裡寫文章

開啟編輯器，用 Markdown 寫好你的文章。程式碼區塊、引用、表格、標題層級都正常使用。

第 2 步：選擇適合公眾號的主題

推薦以下主題用於公眾號排版：

• Default：乾淨中性，適合大多數內容
• 三聯：暖白底色、襯線字型，適合人文類文章
• Magazine：粗襯線標題，適合深度報導風格
• Minimal：極簡風格，適合個人觀點類文章

選好主題後，在編輯器右上角的「顏色模式」裡確認使用亮色模式——公眾號閱讀環境以淺色為主。

第 3 步：複製富文字，貼上到公眾號

點擊編輯器右上角「匯出」→「複製富文字」。系統會將渲染好的文章（帶完整內聯樣式）寫入剪貼簿。

開啟微信公眾號後台編輯器，直接 Ctrl+V / ⌘+V 貼上。標題、正文、程式碼區塊、引用區塊的樣式會完整保留。

常見問題

程式碼區塊在公眾號裡顯示異常？

公眾號編輯器會對 pre 標籤做特殊處理，可能破壞 monospace 字型。建議將程式碼區塊截圖後以圖片形式插入，或使用 Mark.build 的「匯出圖片」功能產生程式碼截圖。

貼上後字型不對？

微信公眾號會覆蓋 font-family，優先使用自己的字型設定。這是平台限制，無法繞過。字重（粗體）和字號通常能正常保留。

圖片需要單獨上傳嗎？

是的。貼上後，圖片 src 屬性如果是外部 URL，公眾號不會自動下載。需要在公眾號編輯器裡手動替換為已上傳的圖片。建議先上傳圖片到公眾號素材庫，再在 Markdown 裡用素材庫 URL。

與其他 Markdown 轉公眾號工具的對比

馬上試試： 開啟編輯器，寫你的第一篇公眾號文章 →