Markdown懒办法排版微信公众号文章
懶人的煩惱
寫微信公眾號的人群里面，不乏十分勤奮者?？纯此麄兪褂玫呐虐婀ぞ?#xff0c;便知道為了排版一篇文章，他們要耗費(fèi)多少辛勞了。
請注意，他們是一個標(biāo)題、一個段落、一個引言這樣的用樣式模板插入內(nèi)容。這樣排版的結(jié)果確實(shí)會符合作者的要求。但是這么排版我真的做不來。
我連做博士畢業(yè)論文都不用Word啊！
我用的是LaTeX。
為什么這么標(biāo)新立異？并非有意為之，而是用LaTeX的話只需要碼字兒就可以了。樣式的事兒，都交給程序去操心豈不更好？
這幾年，Markdown開始興起，我現(xiàn)在除了數(shù)學(xué)公式，連LaTeX都懶得用了。
你不難看出我的哲學(xué)——沒錯，怎么省事兒怎么來。
但省事兒的同時，還需要滿足需求。
微信公眾號文章不是學(xué)術(shù)論文，公式和參考文獻(xiàn)都很少見。里面最常見的樣式無非是標(biāo)題、正文、引用和圖片等。這些東西Markdown處理起來得心應(yīng)手。
曾經(jīng)有一段我用hexo寫博客，就是這么做的，采用Markdown排版效果一直挺好。
但是，在微信公眾號排版上我遇到了挫折。因?yàn)槲⑿殴娞?strong>不支持 Markdown 直接排版。到我寫作這篇文章的時候，還只支持富文本格式。
這就意味著我每次用Markdown寫好文章，預(yù)覽沒有問題之后，還需要找個地方把Markdown轉(zhuǎn)換為富文本。
一開始，我偷懶，在微信公眾平臺編輯器里用Markdown Here直接做這個轉(zhuǎn)換。結(jié)果預(yù)覽的時候沒問題，群發(fā)之后文內(nèi)圖片全都消失了。微信公眾號一旦群發(fā)消息就無法修改，而且我的個人公眾號每天只能發(fā)送一條消息。搞得我郁悶了好幾個小時。
后來我陸續(xù)嘗試了幾個微信公眾號第三方編輯工具。發(fā)現(xiàn)其中135編輯器還算是差強(qiáng)人意。
在這個編輯器里面用Markdown Here生成HTML，拷貝出來的時候就直接被轉(zhuǎn)換成為了富文本，貼到微信公眾平臺編輯器里標(biāo)題加黑字號與圖片顯示一切正常，發(fā)布之后驗(yàn)證圖片也能正常顯示。
于是我就認(rèn)為自己已經(jīng)找到了終南捷徑。
可是，時間長了，我就發(fā)現(xiàn)了問題——雖然排版出來圖片是正常的，可是其他樣式全都亂套了。標(biāo)題前后間距徹底消失，而且正文文字的行距很小，全都堆在了一起，非常影響閱讀體驗(yàn)。
昨天早上，我6點(diǎn)多爬起來，把一篇文章修訂之后，就打算在微信公眾號發(fā)出去。
按照老樣子粘貼過去富文本，怎么看怎么別扭。
于是嘗試了若干種不同的第三方編輯器，發(fā)現(xiàn)都不理想，有些干脆就無法保留任何樣式。
突然發(fā)現(xiàn)了135編輯器彈窗里面推廣VIP功能。
之前一直把這個編輯器當(dāng)成中轉(zhuǎn)站，我從來就沒有關(guān)注過其中的“高級”功能。這次看了一眼，發(fā)現(xiàn)了“一鍵排版”。而且，其中但凡是看得過去的主題，全都得VIP才能用。對一個懶人來說，這種關(guān)鍵詞的誘惑哪里受得了？立即就下單買了一個月的。
您還真別說，一鍵排版之后，立刻行間距和標(biāo)題格式都好看了。我使用了“簡約”模板，看著覺得賞心悅目。
嗯，這樣好！
……
咦，不對啊！
怎么標(biāo)題變出來這么多？！
定睛一看，原來這個一鍵排版不夠智能，居然分辨不出來Markdown Here轉(zhuǎn)換之后的文本里面哪一行是標(biāo)題！作為補(bǔ)償，它會讓使用者設(shè)置一個字?jǐn)?shù)閾值（默認(rèn)20個字），低于這個字?jǐn)?shù)閾值，就被認(rèn)為是標(biāo)題。
這不是搞笑嗎？！
我喜歡用短句啊！
更糟糕的是，排版之后，還無法方便地手動對標(biāo)題識別結(jié)果進(jìn)行調(diào)整。我為了遷就它，只好把閾值降低字?jǐn)?shù)，然后往文字后面加入標(biāo)點(diǎn)符號，或者把行合并。怎么看怎么覺得別扭。
7點(diǎn)半，終于弄得差不多了。我把排版結(jié)果拷貝到微信公眾平臺編輯器里面。預(yù)覽一下，覺得可以，就發(fā)出去了。
發(fā)出去之后，嚇了一大跳——文中所有的字體加粗全部被取消了。
這就叫“一鍵排版”？
得，認(rèn)了，幸好我只買了一個月的VIP。
醍醐灌頂
今天，從茫茫文海里面一眼看到了Jason Ng的文章《可能吧公眾號的文章是如何排版的？》。
Jason是我非常欽佩的作者，他的公眾號排版精良，我很羨慕。開始以為他要講自己是如何用第三方編輯器一個段落一個段落手動調(diào)樣式呢，我打算接受一下吃苦耐勞的教育，好好對照反省自己的懶惰?？墒窃阶x下去我越開心——他跟我一樣用Markdown啊！
但是不同的是，高手的概念比我清晰許多。
既然Markdown生成的是HTML，那調(diào)CSS不就好了嗎？
對啊！
為什么要讓Markdown Here這么一個組件來決定我的文章排版樣式風(fēng)格呢？把Markdown轉(zhuǎn)換為HTML，然后用富文本方式拷貝到微信公眾平臺編輯器里面，不就完事大吉了嘛。
我立即嘗試，效果非常好。但是卻立即發(fā)現(xiàn)了問題。這個問題在于Jason對讀者的預(yù)期。
對于“一點(diǎn)都不懂 HTML 和 CSS”的讀者，Jason給出了兩種解決辦法。
方法一是你需要認(rèn)識一個設(shè)計(jì)師和一個前端工程師，這個要求稍微有些高，這里咱們先不討論了。
方法二是自己動手學(xué)習(xí)，看到這里估計(jì)許多人都躍躍欲試。
可能吧的讀者中，假設(shè)有10個人對微信公眾號Markdown排版感興趣，能有5個照著方法二完成嗎？我不那么有信心。
為什么？
因?yàn)镴ason的操作指南里面，有這樣一句：
花 1 天時間，學(xué)會如何寫一個簡單包含 replacements 函數(shù)的 Python 腳本。
實(shí)話實(shí)說，沒有接觸過編程的人，打算用這速度學(xué)Python，還能堅(jiān)持下來，我覺得可能性很小。
Jason這樣想完全可以理解，因?yàn)槿艘匀悍?#xff0c;可以想象他認(rèn)識的人中，許多雖然沒有技術(shù)基礎(chǔ)，但是愿意保持開放的心態(tài)來學(xué)習(xí)新東西。然而公眾號的對象并不只是他的朋友們。許多沒有技術(shù)基礎(chǔ)的人，在讀到這一條的時候，會立即退縮不前。這不是我的臆斷，你去普通高校的文科專業(yè)教幾年技術(shù)類課程，恐怕你的想法跟我相去無幾。
這就好像一個NBA教練讓球員好好練練反手扣籃一樣——他的球員都是2米左右的巨人啊，稍加努力就可以完成了。然而同樣是這個NBA教練，就算他把反手扣籃的訣竅寫下來白送給我，我也不會去嘗試的。
好消息是，經(jīng)過我的摸索，發(fā)現(xiàn)了一個事實(shí)——你不用學(xué)會Python腳本，也能以懶人的辦法用Markdown排版微信公眾號文章。
流程介紹
工欲善其事，必先利其器。
Jason在文章里面推薦了Ulysses，確實(shí)是寫作利器，我深表贊同。
這里我推薦一個配套的軟件，叫做Marked2。
Ulysses中的文章可以輕松導(dǎo)出到Marked2里面預(yù)覽，然后可以帶樣式導(dǎo)出為HTML。
你不需要用一個腳本去替換段落和標(biāo)題標(biāo)簽了，你只需要修改Marked2里面的用戶定制CSS就行。
我這里根據(jù)Jason文中提到的樣式信息，修改了其中正文段落樣式部分：
p,h5 {/*font-size: 1.1429em;*//*line-height: 1.3125em;*/margin: 1.3125em 0;font-size: 15px;letter-spacing: 1px;line-height: 28px; }在瀏覽器里面預(yù)覽導(dǎo)出的HTML文件，效果是這樣的：
Jason推薦在CKEditor在線編輯器里面把HTML轉(zhuǎn)換為富文本，然后拷貝到微信公眾平臺編輯器。
我嘗試了一下，發(fā)覺這個編輯器確實(shí)強(qiáng)大，完全版里面選項(xiàng)很豐富。但對于初學(xué)者而言，使用方法并不直觀。打開網(wǎng)站主頁，你甚至都找不到HTML源碼應(yīng)該貼在哪兒。
不過干嘛非要執(zhí)著于某個在線編輯器呢？找一個打開后立即能用的不好嗎？
我找到了wangEditor編輯器，開源免費(fèi)。
插入HTML源碼后，預(yù)覽一下，效果是一致的。
貼到微信公眾平臺編輯器里面，發(fā)現(xiàn)所有自定義樣式全部都可以保留。
這便是我在Jason的啟發(fā)下，整理出來的懶人Markdown排版方法。困擾了我多日的微信公眾號排版問題，就這樣解決了。
延伸閱讀：
- Markdown兩鍵排版微信公眾號文章
- 手機(jī)Markdown寫作：插圖一鍵同步七牛圖床
總結(jié)
以上是生活随笔為你收集整理的Markdown懒办法排版微信公众号文章的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： C#控制台实现停车管理系统
- 下一篇： 移动端适配 - 小结