公衆號的Markdown排版利器:Md2All

微信公衆號:顏家大少
若有問題或建議,請公衆號留言

本文所用排版工具:Md2All,http://md.aclickall.comcss

公衆號排版工具

公衆號的排版編輯工具還真的很多,但功能大同小異,大部分是針對富文本的排版,更多的是偏重素材,及各類花巧的樣式,給人一種眼花繚亂的感受,之內容爲主彷佛演變成了以花巧爲王。html

Markdown與公衆號

Markdown以簡單的語法深受寫做朋友的喜好,讓寫做迴歸到內容自己,而不是花巧的樣式。但公衆號並不支持Markdown,因此Markdown here在蠻長的一段時間成了markdown寫做朋友們的必備插件。但Markdown here並非專門針對公衆號的工具,出現了各類水土不服,常見的有:微信

  • 換行失效了,各行擠在了一塊兒;
  • 代碼塊在iPone、iPad等平臺不能正常顯示;
  • 樣式丟失了;

等等。。。markdown

雖然,後來又有了很多高人針對Markdown here在轉公衆號時出現的種種問題提供了各類方法,但並無完美的解決方案。工具

對IT人士來講,最困擾的是代碼塊的顯示問題,當時比較流行的解決方法是把代碼塊截屏保存爲圖片,把圖片上傳到公衆號,而後再把圖片連接加到Markdown中。spa

但這種作法不但操做起來很複雜,對讀者也是不友好的,圖片顯示的代碼塊失真了,不能直接複製代碼等。。。插件

你們對公衆號的Markdown排版苦不堪言。code

Md2All的由來

有這樣一位程序猿,也一樣被公衆號的Markdown排版折磨得苦不堪言,花了差很少一個星期的時間,研究各類現有的工具,但並無找到較爲滿意的解決方案。htm

由於這樣程序猿比較喜歡較真,因而就萌生了本身寫一個公衆號Markdown排版工具的想法,這就有了如今的Md2All。雖然開發的過程也因遇到的各類奇芭的坑而艱苦異常,但結果仍是使人滿意的,起碼上面提到的問題都解決了。圖片

Md2All的功能預覽

先來張Md2All的截圖
image.png

會看到,版面簡潔,全部的功能一目瞭然。

  • 支持「一鍵排版」的樣式模板選擇,和自定義css;
  • 支持邊編輯,邊預覽;
  • 支持左右滾動聯動;
  • 對IT人士特別友好,支持80多種代碼主題;(由於做者也是IT人士嘛:p);
  • 支持通用的Markdown語法和部分擴展語法(如:表格,任務列表,katex數學公式,註腳等...),並對html,css樣式有很好的支持。
  • 預覽OK後,只須要一鍵"複製"就能輕鬆粘貼到公衆號。

Md2All的一鍵排版

「一鍵排版」中提供了幾種經常使用的排版樣式模版,也提供了足夠多的註釋,讓初學者也能很容易根據註釋中的提示個性化本身的樣式
image.png
如上圖左邊所示,你們會看到,我只選了"字距增大」的樣式,右邊的預覽效果就徹底不同了,
也會看到用「綠色」文字做了註釋,而用「紅色」來表示這個是修改過的位置。
左邊就是標準的css樣式,若是現有的樣式模板不適合你,那就大膽嘗試去改吧,就算改錯了也就」恢復預設值「就OK了,因此不用擔憂呵。記得「保存」了才生效呵。

Md2All的代碼主題

由於做者自己是程序猿,因此在代碼的高亮顯示部分花足了功夫,80多種代碼高亮主題,能夠看到下圖右上角能夠選擇「代碼主題」,下面的是favorite主題的:

code.png
再來張xt256代碼主題的
code2.png
若是80多種都不合你心意,那也沒問題,能夠參考:「一鍵排版」下的「代碼塊樣式」自定義本身的代碼高亮樣式呵。

把內容複製到公衆號

預覽OK後,只要點下圖的「複製」就能把內容一鍵複製到公衆號:
md2all_preview_2.png
到公衆號的效果以下:
weixin.png
能夠看到複製到公衆號的最終效果和Md2All的預覽效果是一致的。
是否是很簡單呀。

最後

Md2All正在不斷完善中,更多的功能正在開發中,但願你們多多關注,Md2All的全部功能都是免費的,但願你們多多支持,若有問題或建議,請公衆號留言
這裏寫圖片描述

相關文章
相關標籤/搜索