強推Markdown神器，一秒鐘拯救微信公衆號排版

我一直以爲微信公衆號是最難用的文章編輯器，直到我開始寫知乎專欄。做爲兩個UGC內容爲主的產品，用戶體驗如此之差真的大大下降了寫做者的創做慾望。

基於這個痛點，滋養了一大批像365編輯器、壹伴、秀米等第三方微信圖文排版編輯工具，可是頁面雜亂繁複，模版花裏胡哨，還要忍受粘貼後樣式全亂的崩潰感。

有一天偶然在github上發現了lyric大神的微信公衆號排版編輯器項目，能夠直接將Markdown格式轉換成微信的HTML，終於讓我從操控感極差的自帶編輯器中解放出來了！

在線版地址：

https://lab.lyric.im/wxformat
github項目地址：

https://github.com/lyricat/we...
工具介紹：

https://mp.weixin.qq.com/s/pn...

Markdown

A.Markdown簡介

Markdown 是一個 Web 上使用的文本到HTML的轉換工具，能夠經過簡單、易讀易寫的文本格式生成結構化的HTML文檔。

官網地址：http://www.markdown.cn/#overview

Markdown在15年前由做家和程序員共同開發建立，做爲一個文本編輯語言它可讓你不用再花時間和心思在樣式、排版、格式上，經過一些簡單輕量的的語法，讓你清楚寫做層級，從而更加專一於寫做自己，爲你建立一種無干擾的寫做環境，提高寫做效率。近年來因爲它的簡便性，獲得了愈來愈多寫做者的喜好，在各類寫做平臺上獲得了蓬勃的發展，若是你厭倦了word或者其餘傳統編輯器沒完沒了的格式限制，不妨試試這種新型文本編輯形式吧，讓咱們迴歸寫做自己。

咱們能夠設想這樣一種場景，若是全部的主流內容網站都支持Markdown格式，那咱們只須要編輯一份文檔，而且在寫做中就能夠直觀的看到它輸出後的樣式，即便在不一樣的平臺發佈，也不用再費時間去處理各個平臺的格式問題，並且實現了樣式的統一。

目前不少技術網站都支持Markdown的文本編輯格式，好比：簡書、github。流行的筆記應用像有道雲筆記，Bear也大多支持Mardown格式。

B.適用於微信公衆號的經常使用語法

在官方網站上能夠查看Markdow的完整語法，這裏我主要簡單整理一些公衆號排版經常使用語法。

<1>標題

一級標題

二級標題

標題前面加兩個「#」表明一級標題，加三個「#」表明二級標題，公衆號只支持一級標題和二級標題，#和文字中間不要忘記加空格。

樣式以下：

一級標題

這是一級標題

二級標題

上面是二級標題

<2>字體樣式

斜體：英文輸入法模式下輸入一個「*」嵌套內容便可）

加粗：英文輸入法模式下輸入三個「*」嵌套內容便可）

刪除線：英文輸入法模式下輸入兩個「~」嵌套內容便可）

下劃線：兩個$符號中間包裹underline{}，{}裏填寫須要加下劃線的內容便可。

這些基本的字體樣式公衆號已經提供了快捷按鈕，瞭解便可。

樣式以下：

斜體

加粗

下劃線

刪除線

<3>列表

• 無序列表

  • 無序列表

1. 有序列表

無序列表是「-」符號，空格加列表項，會在前方自動生成圓點樣式。有序列表按照順序編寫序號，使用數字、一個英文句號和一個空格便可。。

樣式以下：

• 無序列表

  • 無序列表
  • 無序列表

1. 有序列表

<4>引用

引用內容

引用內容是用「>」實現的，多個「>」符號還能夠實現嵌套

樣式以下：

引用內容嵌套

<5>圖片

！[圖片alt](圖片地址 '圖片title')

圖片alt就是顯示在圖片下面的文字，至關於對圖片內容的解釋。圖片tilte就是圖片的標題，當鼠標移到圖片上時顯示的內容，title可加可不加。

樣式以下：

<6>代碼塊

代碼塊

內聯代碼

微信官方針對代碼塊有高亮配色，粘貼至公衆號後點擊一下便可顯示。

樣式以下：

function filterMenu(html){
var $ = cheerio.load(html);
var arr = [];
$(".node-index").each(function(index,item){
    arr.push($(item).find("a").text().trim());
})
return arr;
}

<7>表格

Header 1	Header 2	Header 3
Key 1	Value 1	Value 1
Key 2	Value 2	Value 2
Key 3	Value 3	Value 3
Key 3	Value 3	Value 4

利用以上語法能夠輕鬆在公衆號中製做表格。

樣式以下：

語言	職業	興趣愛好
JavaScript	程序猿	唱
PHP	碼農	跳
HTML5	攻城獅	rap和籃球

Markdown編輯器推薦

A.輕量級在線工具

stackEdit
官網地址：https://stackedit.io/
github地址：https://github.com/benweet/st...

這是一個能夠在任何瀏覽器中運行的開源編輯器，在谷歌瀏覽器的應用裏搜索名字就能找到相應的插件，它可以實現同步編輯和預覽，而且能將本地緩存同步到雲端，以便跨多個設備同步文件，也能夠從本地上傳md文件進行編輯，完成後能夠導出markdown格式或者html格式的文件。

界面乾淨簡潔，功能強大，可讓用戶方便的新建、刪除和管理文檔，你全部的操做它都會自動保存到瀏覽器緩存。若是你在編輯的時候偶爾忘記了Markdown語法，也能夠在左上角菜單->settings->Utils->welcomedocument找到它的幫助文檔。該項目在github中的標星已經達到了14380，足以可見它的受歡迎程度。

相似的輕量級在線工具：
dillinger.io ：https://dillinger.io/
MaHua ：http://mahua.jser.me/
MdEditor：https://www.mdeditor.com/

B.功能完整的本地工具

Typora
官網地址：https://www.typora.io/
github地址：https://github.com/benweet/st...

剛開始看到Typora這款軟件的時候就被它簡潔美觀的界面吸引，這是一個能夠實時預覽的免費編輯器，當你在文本區寫完markdown語法，軟件立馬自動識別而且幫你轉成markdown格式，插入本地圖片的時候直接拖入便可，很是方便快捷，支持多種格式的導出，例如word和pdf，相信深刻體驗以後還會發現不少它的隱藏功能。

相似的功能完整的本地工具：
MarkdownPad ：http://www.markdownpad.com/
MaHua ：http://mahua.jser.me/
Miu：https://github.com/egoist/Miu