排版公眾號(hào),我只花了一秒鐘

最快只要1秒鐘的排版,慢一點(diǎn)一分鐘內(nèi)解決公眾號(hào)排版,是不是覺得不可思議?是不是標(biāo)題黨?看完這篇文章你就知道了。

建議先閱讀我之前寫的兩篇系列文章《圖床+Typora打造win高效文字輸出組合》Typora-Markdown語法手冊(cè)

我在該寫作系統(tǒng)上寫出的文章,若要在公眾號(hào)上使用,還必須用各種工具重新排版,我大學(xué)做過微信號(hào)運(yùn)營(yíng),最常用的就是“秀米編輯器”,其實(shí)基本上這類編輯器是用拖拽式卡片解決排版的,雖然可以設(shè)計(jì)自己的模板,比微信官方公眾平臺(tái)好一點(diǎn),但是排版速度還是很慢。

如果直接使用 Markdown導(dǎo)出成HTML格式,直接復(fù)制,打開微信公眾號(hào)的編輯器粘貼,文章原本樣式在編輯器中會(huì)出現(xiàn)不可預(yù)期的結(jié)果:微信編輯器會(huì)清理掉一部分 HTML 標(biāo)簽和標(biāo)簽的屬性。在寫文章時(shí)看到樣式是正常的,但是粘貼到公眾號(hào)編輯器后顏色、字體、字號(hào)都變了。

因此,本文主要是提出使用Markdown語法排版微信公眾號(hào)的方法,在快速排版上也會(huì)考慮美觀,主要適用于對(duì)排版要求不高的朋友,大家可以選擇直接使用開放的在線網(wǎng)站進(jìn)行轉(zhuǎn)換,也可以根據(jù)作者思路自己diy一份CSS模板

在線轉(zhuǎn)換網(wǎng)站插件

首先,我直接推薦幾個(gè)已經(jīng)開源的轉(zhuǎn)換給你們,其中有付費(fèi)的,有開源的,直接復(fù)制Markdown格式到瀏覽器就可以,注意圖片需要使用圖床,否則上傳圖片無法正常顯示。

顏家大少的Md2ALL

他的博客寫得非常詳細(xì),不贅述,在線編輯器網(wǎng)址Md2all,排版誤率較低,自由度很高,可以直接在該網(wǎng)站上改編自己的模板,配色也很多需要自己摸索(可玩性很強(qiáng)),這是他本人的修改教程:Md2All實(shí)戰(zhàn)

Md2All效果圖

可能吧轉(zhuǎn)換器

作者阿禪Jason Ng自用的可能吧Markdown to 公眾號(hào)一鍵轉(zhuǎn)換器,根據(jù)他寫作公眾號(hào)的習(xí)慣完成的,他習(xí)慣在公眾號(hào)后臺(tái)上傳圖片,不支持代碼、表格、鏈接等模塊優(yōu)化配色。特色是可自定義了作者頭像塊與預(yù)計(jì)閱讀時(shí)間塊,逼格瞬間提高。文段前加“ppqq”是大段引用,“pphh”形成摘要,支持多種配色。

可能吧效果圖

WeChat-Format

眾所周知,微信公眾號(hào)不支持所有外鏈,鏈接可以是另一篇公眾號(hào)文章,但不能是互聯(lián)網(wǎng)上的一個(gè)普通鏈接。

提示

WeChat-Format定制公眾號(hào)渲染器HTML,網(wǎng)站把所有外鏈都變成文后的“參考文獻(xiàn)”,是其他轉(zhuǎn)換器沒有的,在鏈接文字的右上角添加一個(gè)數(shù)字角標(biāo),然后在文字末尾加上角標(biāo)對(duì)應(yīng)的鏈接。雖然鏈接依然無法被點(diǎn)擊,但是至少出現(xiàn)在正文之中,可以直接復(fù)制粘貼訪問。

WeChat-Format效果圖

Markdown Nice

Markdown Nice 給人的感覺是簡(jiǎn)潔很多,干凈,舒服,多種顏色主題,支持代碼樣式;支持自定義樣式;支持數(shù)學(xué)公式;支持將外鏈變成腳注、參考文獻(xiàn),算是集合了前面幾種的優(yōu)點(diǎn),千萬不要錯(cuò)過這款軟件!!

它最大的特色就是Chrome瀏覽器插件,直接在微信后臺(tái)就可以編輯處理圖文了。

Markdown Nice操作界面
Markdown Nice效果圖

openwrite一鍵式平臺(tái)發(fā)布

收費(fèi)網(wǎng)站openwrite,轉(zhuǎn)換格式是免費(fèi)的,簡(jiǎn)潔版網(wǎng)站,但是一鍵多發(fā)是收費(fèi)服務(wù),支持CSDN,博客園,開源中國(guó),掘金,segmentfault,簡(jiǎn)書,知乎,今日頭條等主流媒體平臺(tái)的一文多發(fā)。

會(huì)員明細(xì)
openwrite效果圖

MarkEditor

MarkEditor Pro版本需要收費(fèi)¥128,還提供一對(duì)一的微信CSS版式設(shè)計(jì)¥1000,這個(gè)收費(fèi)版本我就沒有去體驗(yàn)了,直接貼官網(wǎng)的介紹。

MarkEditor內(nèi)置三種排版樣式,在底部欄的導(dǎo)出按鈕,有“復(fù)制為微信公眾號(hào)格式”,獲得內(nèi)容后直接在微信公眾號(hào)的文章編輯窗口,粘貼到正文即可。點(diǎn)擊左側(cè)文件管理器的底部“扳手”的圖標(biāo),是針對(duì) Markdown 相關(guān)的選項(xiàng),比如 CSS 樣式,以及 Markdown 的內(nèi)容模板,可以自定義文章的底部、頭部等內(nèi)容。

小結(jié)

直接使用別人的樣式,這些排版樣式相對(duì)來說中規(guī)中矩,其中個(gè)人比較喜歡Md2All的自定義排版,WeChat-Format的支持外鏈,Markdown Nice的極簡(jiǎn)風(fēng),openwrite的便捷,而Markdown Nice幾乎沒有弱點(diǎn),雖然少了繁瑣但同時(shí)也少了自己排版的自由,所以強(qiáng)烈建議大家自己做一份只屬于自己的DIY模板。

DIY公眾號(hào)圖文模板

使用 Markdown 排版的主要思路

  1. 在 Markdown 中寫作,圖片全都上傳到圖床;
  2. 導(dǎo)出 HTML 源文件;
  3. 配置 CSS 樣式表;
  4. 轉(zhuǎn)換成富文本格式:粘貼源文件到在線編輯器中;
  5. 一鍵排版:粘貼富文本格式到微信或者其他平臺(tái)的編輯器中。

第一步和第二部已經(jīng)在Typora中解決,現(xiàn)在是到了第三步:在Typora點(diǎn)擊主題即可打開 CSS 文件目錄,創(chuàng)建新的格式文檔,或者在原主題上直接修改成適合微信公眾號(hào)的目標(biāo)格式,寫好文章然后復(fù)制粘貼。

如何編寫一份 CSS 樣式表

  1. 學(xué)習(xí)和了解HTML與CSS 標(biāo)記
    可以參考我的一篇文章:Typora-Markdown語法手冊(cè)

  2. 學(xué)習(xí)微信排版技巧

  3. 摸索與調(diào)整
    在公眾號(hào)排版一篇自己滿意的文章或者觀摩其他公號(hào)對(duì)胃口的排版樣式,預(yù)覽并在電腦上用 Chrome 打開,找到開發(fā)者工具,找到你要調(diào)整的元素,將你學(xué)會(huì) CSS 標(biāo)記寫進(jìn)去,一直調(diào)整到自己覺得好看的狀態(tài)。

  4. 寫、改模板
    記錄好 H2、H3、P 等標(biāo)記要替換成什么樣式,寫模板。有的朋友可能覺得從0開始寫一份CSS樣式表難度太高,學(xué)習(xí)成本很高,那么你可以考慮一下:改改改?。?!

本文參考了顏家大少,可能吧禪叔等一系列優(yōu)秀作者的排版以及相關(guān)文章,非常感謝他們讓微信公眾號(hào)排版變得如此簡(jiǎn)單,作為普通人,這些相對(duì)成熟的模板已經(jīng)是夠用的,如果還想要學(xué)會(huì)自己寫模板的,還要再等一段時(shí)間。

我自己的模板還在打磨中,現(xiàn)在實(shí)在是太丑了,過段時(shí)間再寫一篇教程,結(jié)合公眾號(hào)排版的藝術(shù),重點(diǎn)結(jié)合上述模板的優(yōu)勢(shì),摘選自己喜歡的功能配色,做好解釋和說明,保證人人看得懂那種,有興趣的朋友可以先用文章開頭推薦的幾個(gè)方案先用著。

感謝大家支持。


延伸閱讀:
圖床+Typora打造win高效文字輸出組合

Typora-Markdown語法手冊(cè)
數(shù)學(xué)公式:Axmath與LaTeX語法


歡迎大家加入專題:歲月拾遺,我們一起前進(jìn)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請(qǐng)通過簡(jiǎn)信或評(píng)論聯(lián)系作者。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容