好用的markdown編輯器(線上markdown編輯器)

一、緒論

作為一枚長期在微信公眾號上分享程式碼的程式猿,最頭疼的問題在於,如何將markdown文字中的程式碼按照程式碼的排版,貼上到微信公眾號的編輯後臺。每新建一篇包含程式碼的圖文,格式的調整都讓人有點抓狂。最近找到了一個極為好用的外掛,分享給大家,叫做markdown here外掛,具體的官方下載地址:

https://markdown-here.com/

該外掛支援列表如下:

本文使用的是chrome瀏覽器,大家可根據自己情況來選擇下載。

二、外掛安裝

本文使用的是chrome瀏覽器,下載了字尾為crx的檔案包之後,開啟瀏覽器中的更多工具-擴充套件程式,將crx檔案拖入到瀏覽器介面中,完成外掛的安裝,安裝成功後,介面如下:

三、使用方法

  • 將markdown文字整體複製到微信公眾號的富文字編輯介面,

  • 點選瀏覽器右上角的markdown here轉換

  • 編輯框內的文字就可以完成轉換了!

是不是炒雞方便,炒雞好用!

四、滿足自定義介面樣式

如果是這些樣式還不能滿足你的需求的話,還可以自定義樣式,通過右鍵點選markdown圖示,選擇【選項】進入到配置介面;

通過編輯基本渲染CSS以及語法高亮CSS可達到想要的排版效果。

基本渲染主要是針對Markdown文字中的h1,h2,h3,h4,h5等等文字的格式轉換,而語法高亮CSS可以選擇程式碼的展示風格。

神器就先介紹到這裡了,關於如何自定義調整CSS樣式,請持續關注本公眾號,後面會持續推文詳述。