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