如何將Markdown文章輕松地搬運到微信公眾號并完美地呈現(xiàn)代碼內(nèi)容

相信有很多童鞋跟我一樣,熱衷于用Markdown來編寫文章。由于其簡單的語法和清晰的渲染效果,受到廣大碼農(nóng)朋友們的推崇。但是,當我們想維護起自己的公眾號時,公眾號編輯器往往讓我們費勁了腦汁。本人嘗試了各種工具,比如:秀米一些在線提供多種不同樣式的編輯器。雖然這些編輯器都能夠完成編輯任務(wù),但是效果并不理想。與我們所追求的簡潔、清晰風格總是格格不入,尤其是對于代碼的展示非常的不友好。所以,這里給大家推薦一個本站的在線工具,可以幫助大家快速地把Markdown文章轉(zhuǎn)換成微信公眾號支持的漂亮格式。

首先奉上本文即將介紹的工具地址:http://blog.didispace.com/tools/online-markdown/

使用方法

該工具的使用非常非常簡單,點擊http://blog.didispace.com/tools/online-markdown/打開在線編輯器之后,左側(cè)為編輯器、右側(cè)為預(yù)覽區(qū)。

我們只需要將我們編輯的Markdown文檔原始內(nèi)容復(fù)制進去,右側(cè)的預(yù)覽區(qū)就會自動渲染出非常友好的頁面結(jié)果。如下圖可見,標題、正文、代碼等都得到了非常好的呈現(xiàn):

接著,我們要做的就是把這些內(nèi)容發(fā)布到微信公眾號中,過程也非常簡單,只需要點擊“復(fù)制”按鈕,右鍵頁面,選擇“復(fù)制”。再打開微信公眾號的圖文編輯,在編輯框中完成黏貼,我們可以看到之前在編輯工具中的結(jié)果樣式也被一同被復(fù)制過來了:

通過上面的方法發(fā)布的文章將獲得如之前所見的、非常友好的排版格式。同時,對于代碼的展示也非常的清晰,不會出現(xiàn)雜亂無章的換行,同時對于代碼的高清也處理得當。即使在窄屏的手機端,代碼格式也不會被積壓變形,讀者可以通過左右滑動的方式來查看完整的代碼內(nèi)容:

到這里,一篇文章的搬運工作就完成了,是不是很簡單呢?如果你也和我一樣,有很多markdown的文章需要做遷移,不如來嘗試一下這個在線工具吧!

關(guān)于

該工具是一個開源項目:https://github.com/dyc87112/online-markdown ,歡迎大家給予Star和Follow支持?。。?/p>

該工具改編自胡子哥哥的開源項目:https://github.com/barretlee/online-markdown ,增加了一些改動,比如:編輯欄與預(yù)覽欄的左右布局。之后計劃增加更多的樣式設(shè)置,也歡迎大家提出寶貴的意見。

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

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

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