1. 程式人生 > >公眾號的Markdown排版利器:Md2All

公眾號的Markdown排版利器:Md2All

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

公眾號排版工具

公眾號的排版編輯工具還真的不少,但功能大同小異,大部分是針對富文字的排版,更多的是偏重素材,及各種花巧的樣式,給人一種眼花繚亂的感覺,以內容為主似乎演變成了以花巧為王。

Markdown與公眾號

Markdown以簡單的語法深受寫作朋友的喜愛,讓寫作迴歸到內容本身,而不是花巧的樣式。但公眾號並不支援Markdown,所以Markdown here在蠻長的一段時間成了markdown寫作朋友們的必備外掛。但Markdown here並不是專門針對公眾號的工具,出現了各種水土不服,常見的有:
- 換行失效了,各行擠在了一起;
- 程式碼塊在iPone、iPad等平臺不能正常顯示;
- 樣式丟失了;
等等。。。

雖然,後來又有了不少高人針對Markdown here在轉公眾號時出現的種種問題提供了各種方法,但並沒有完美的解決方案。

對IT人士來說,最困擾的是程式碼塊的顯示問題,當時比較流行的解決方法是把程式碼塊截圖儲存為圖片,把圖片上傳到公眾號,然後再把圖片連結加到Markdown中。

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

大家對公眾號的Markdown排版苦不堪言。

Md2All的由來

有這樣一位程式猿,也同樣被公眾號的Markdown排版折磨得苦不堪言,花了差不多一個星期的時間,研究各種現有的工具,但並沒有找到較為滿意的解決方案。

因為這位程式猿比較喜歡較真,於是就萌生了自己寫一個公眾號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的所有功能都是免費的,希望大家多多支援,如有問題或建議,請公眾號留言
這裡寫圖片描述