一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

Markdown懶辦法排版微信公眾號(hào)文章

 王天神 2017-02-05

懶人的煩惱

寫微信公眾號(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的操作指南里面,有這樣一句:

花 1 天時(shí)間,學(xué)會(huì)如何寫一個(gè)簡單包含 replacements 函數(shù)的 Python 腳本。

實(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)排版問題,就這樣解決了。


近期熱門文章:

七周學(xué)會(huì)做搜索引擎

“低頭族”學(xué)生為何要聽你講課?

電信騙子的“內(nèi)應(yīng)”在哪里?

你的英語為啥學(xué)不好?跟機(jī)器翻譯比比看

著作權(quán)歸作者所有

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請遵守用戶 評(píng)論公約

    類似文章 更多

    精品国产成人av一区二区三区| 久久精品色妇熟妇丰满人妻91 | 日韩精品一区二区一牛| 欧美自拍系列精品在线| 久热99中文字幕视频在线| 激情亚洲内射一区二区三区| 91人妻人人做人碰人人九色| 美女被后入福利在线观看| 2019年国产最新视频| 国产一级内射麻豆91| 老司机亚洲精品一区二区| 午夜亚洲精品理论片在线观看| 中文字幕在线五月婷婷| 人妻中文一区二区三区| 在线免费看国产精品黄片| 日本免费一区二区三女| 亚洲专区一区中文字幕| 又黄又硬又爽又色的视频 | 色欧美一区二区三区在线| 亚洲av又爽又色又色| 午夜精品成年人免费视频| 亚洲综合一区二区三区在线| 在线欧美精品二区三区| 久久re6热在线视频| 亚洲视频一区二区久久久| 日韩欧美三级视频在线| 日韩欧美三级中文字幕| 福利专区 久久精品午夜| 99久久精品视频一区二区| 国产又粗又长又爽又猛的视频| 91天堂素人精品系列全集| 国产欧美日本在线播放| 三级高清有码在线观看| 色狠狠一区二区三区香蕉蜜桃| 99久久精品午夜一区| 婷婷一区二区三区四区| 少妇肥臀一区二区三区| 国产偷拍精品在线视频| 国产美女精品午夜福利视频 | 在线中文字幕亚洲欧美一区| 欧美人妻一区二区三区|