Markdown 直接貼進公眾號會丟樣式，因為公眾號編輯器不解析 Markdown，而且只保留寫在標籤上的行內樣式。解決辦法是先把 Markdown 轉成帶行內樣式的富文字：在這個免費排版工具裡左側寫、右側即時預覽，點「複製預覽內容」後貼進公眾號即可。圖片需要在公眾號後台重新上傳。
我的文章都是用 Markdown 寫的，寫完要發公眾號時總會卡一下：後臺編輯器不認 Markdown，直接貼上過去，標題、列表、程式碼塊的樣式全丟。手工一段段調格式，一篇文章要多花半小時。所以我寫了一個小工具，專門幹這一件事：公眾號 Markdown 排版工具。
一、為什麼直接貼上會丟樣式
公眾號的編輯器接收的是「帶樣式的富文字」。它有兩個脾氣：
- 不解析 Markdown 語法。# 號、星號會被當成普通字元原樣顯示。
- 只保留寫在標籤上的內聯樣式。從普通網頁複製過來的內容，樣式大多寫在外部樣式表裡，貼上時會被丟掉，於是字號、顏色、間距全變回預設。
所以一個能用的排版工具必須做兩步：先把 Markdown 轉成 HTML，再把每個標籤需要的樣式直接寫進標籤的 style 屬性。第二步才是關鍵，也是很多通用 Markdown 預覽工具貼上後走樣的原因。
二、這個工具做了什麼
| 功能 | 說明 |
|---|---|
| 即時預覽 | 左邊寫 Markdown，右邊立刻顯示公眾號裡的效果 |
| 內聯樣式 | 複製出去的內容樣式已寫在標籤上，貼上進公眾號不走樣 |
| 文字顏色 | 選中文字後點「顏色」，從預設色或取色器裡選一種，給區域性文字上色 |
| 兩種複製 | 「複製預覽內容」用於貼上進公眾號；「複製 HTML」拿到原始碼，可用於其他平臺 |
| 草稿自動儲存 | 內容儲存在本機瀏覽器裡，重新整理頁面不會丟 |
| 費用與帳號 | 免費，不用登入，內容不上傳伺服器 |
三、五步用法
- 開啟工具頁面，把寫好的 Markdown 貼上到左側編輯區（也可以直接在裡面寫）。
- 看右側預覽，確認標題層級、列表和表格都正常。
- 需要強調的句子，選中後點「顏色」上色，顏色儘量和公眾號的整體風格一致。
- 點「複製預覽內容」，看到「已複製」的提示。
- 回到公眾號後臺，在正文區直接貼上，然後上傳圖片、檢查一遍再發布。
編輯區上方有加粗、斜體、標題、列表等按鈕，頁面裡還帶一份語法速查。標題用 # 號，列表用短橫線，記住這兩條就夠寫大部分文章了。
四、最容易踩的四個坑
- 圖片要在公眾號裡重新上傳。Markdown 裡的圖片寫的是外部地址，而公眾號不顯示外部圖片。把圖片位置留出來，貼上之後在後臺逐張上傳最穩妥。
- 外部連結點不了。公眾號正文裡的普通外鏈不能跳轉，這是平臺規則，不是工具問題。重要的地址寫成文字，或者放進「閱讀原文」。
- 程式碼塊不要太寬。手機螢幕窄，一行很長的程式碼會出現橫向滾動。寫的時候手動換行，單行儘量不超過 40 個字元。
- 表格別超過四列。列太多在手機上會擠成一團，改成列表或者拆成兩張表更清楚。
五、幾個讓文章更好讀的排版習慣
- 只用兩級標題。公眾號文章是在手機上一屏一屏看的，層級多了讀者會迷路。
- 一段不超過四行。手機上的四行已經是一大塊字了。
- 強調色只留一種。加粗和一種顏色足夠，顏色越多越像廣告。
- 重點結論放在引用塊裡。讀者快速滑動時，引用塊是最容易被看到的部分。
六、它不做什麼
這個工具很小，邊界也很清楚：它不幫你傳圖、不存雲端草稿、不能定時釋出，也不做多套花哨模板。它只保證一件事——你在右邊看到的樣子，貼上進公眾號還是那個樣子。
七、總結
用 Markdown 寫作的好處是寫的時候只管內容。排版這一步交給工具，複製、貼上、傳圖、釋出，前後一兩分鐘。工具是免費的，不用登入，開啟就能用。
常見問題
Markdown 直接貼上到公眾號為什麼樣式會丟？
公眾號編輯器不解析 Markdown，而且只保留寫在標籤上的內聯樣式。需要先把 Markdown 轉成帶內聯樣式的富文字再貼上。
這個排版工具收費嗎？要登入嗎？
免費，不需要登入。內容只儲存在你自己的瀏覽器裡，不會上傳到伺服器。
圖片能跟著一起貼上進公眾號嗎？
不能。公眾號不顯示外部圖片地址，需要在貼上之後到公眾號後臺把圖片逐張上傳。
除了公眾號，還能用在別的平臺嗎？
可以。點「複製 HTML」可以拿到帶內聯樣式的 HTML 原始碼，適用於支援 HTML 的編輯器或郵件模板。