arkdown 從誕生之初，就因?yàn)槠漭p量、簡便，而被內(nèi)容創(chuàng)造者所青睞。然而并不是所有的地方都支持直接書寫并渲染 Markdown 格式的文檔，也并不是所有利用 Markdown 生成內(nèi)容都是那么方便。接下來，我來介紹下面這幾個(gè)在線的小工具，來幫助你更方便地排版 Markdown 文章。

Markdown Tables Generator

? 鏈接：https://www.tablesgenerator.com/markdown_tables

在 Markdown 中新建一個(gè)表格確實(shí)不是件輕松的事情。這個(gè) Markdown Tables Generator 可以方便的為我們創(chuàng)建 Markdown 格式的表格文本，我們只需要指定表格的內(nèi)容即可。

要知道，Markdown Tables Generator 是一個(gè)「所見即所得」的交互方式，因此我們創(chuàng)建表格的方式就非常直觀清晰。同時(shí)，Markdown Tables Generator 還能夠直接幫我們設(shè)置某列的左對齊、居中和右對齊等樣式。我們生成成功一個(gè)表格之后，直接將下方的 Markdown 純文本拷貝，就能粘貼到我們所使用的 Markdown 編輯器中了。

不得不再說一下，實(shí)際上這個(gè) Tables Generator 這個(gè)網(wǎng)站除了支持生成 Markdown 格式的表格，還能幫我們方便的繪制 LaTeX、HTML、純文本和 MediaWiki 格式的表格。特別是 LaTeX 格式的復(fù)雜表格，利用 Tables Generator 這個(gè)網(wǎng)站生成的操作過程太人性化了，非常推薦。

Paste to Markdown

鏈接：https://euangoddard.github.io/clipboard2markdown

Paste to Markdown 是一個(gè)能幫我們將復(fù)制的富文本轉(zhuǎn)換為 Markdown 格式的純文本的網(wǎng)站。比方說，如果我們在一個(gè)網(wǎng)頁上面看到了一篇文章，并希望能夠直接保存為 Markdown 格式至本地，我們可以首先通過瀏覽器的閱讀模式將原網(wǎng)頁格式化，從而去除沒有用的元素并正確排版，之后再通過 Paste to Markdown 將原網(wǎng)頁或?yàn)g覽器閱讀模式的富文本內(nèi)容轉(zhuǎn)換為 Markdown 格式的內(nèi)容。

通過 Paste to Markdown，我們不僅僅能成功將我們常用的加粗、斜體、刪除線、標(biāo)題和列表等富文本元素全部轉(zhuǎn)換為 Markdown 格式的內(nèi)容，還可以直接地將我們復(fù)制的圖片的鏈接（即「圖片外鏈」）轉(zhuǎn)換為標(biāo)準(zhǔn) Markdown 圖片引用的格式（比如：），這樣的格式化處理讓我們保存網(wǎng)頁文章至本地的操作成本大大降低。

Markdown Here

鏈接：https://markdown-here.com/

Markdown Here 是一個(gè)相對知名的瀏覽器 Markdown 擴(kuò)展插件。其最方便的地方就在于：能夠?qū)⑽覀冊谌我馕恢脮鴮懙?Markdown 格式的純文本轉(zhuǎn)換為相應(yīng)的富文本內(nèi)容。這尤其方便了我們在撰寫郵件的時(shí)候進(jìn)行排版，簡單的 Markdown 讓我們高效完成郵件的主體內(nèi)容，之后通過 Markdown Here 插件一鍵轉(zhuǎn)換，就能看到已經(jīng)排版好的郵件內(nèi)容。

Markdown Here 這個(gè)瀏覽器插件支持 Chrome、Safari、Firefox 等絕大多數(shù)瀏覽器，我們可以直接在 這個(gè)頁面 下載你所使用的瀏覽器的插件。同時(shí)，Markdown Here 也開源在 GitHub 上面：adam-p/markdown-here

WeChat Format

鏈接：https://lab.lyric.im/wxformat

WeChat Format 是一個(gè)開源的、專為微信公眾號(hào)排版準(zhǔn)備的在線 Markdown 編輯器。相信大家如果有微信公眾號(hào)排版使用的經(jīng)驗(yàn)，就一定體驗(yàn)過糟糕的微信公眾號(hào)后臺(tái)「所見即所得」編輯器。在秀米、135 等專門為微信公眾號(hào)排版而生的樣式編輯器霸道橫行的時(shí)代，如果我們能利用 Markdown 直接排版微信公眾號(hào)，那豈不是又方便又舒服。

傳統(tǒng)的 Markdown 編輯器的輸出預(yù)覽其實(shí)也是可以直接復(fù)制粘貼到微信公眾號(hào)后臺(tái)排版工具中的，只是微信公眾號(hào)并不允許我們添加除了公眾號(hào)文章以外的鏈接。WeChat Format 很好的解決了這一問題：文章中的全部鏈接都以文章尾注的形式加在了文章末尾，這樣既方便了我們直接利用 Markdown 排版文章，還能讓讀者輕松查看相應(yīng)的鏈接。

目前 WeChat Format 已經(jīng)將源代碼開源于 lyricat/wechat-format，更加詳細(xì)的介紹和說明文檔位于「花三小時(shí)寫這個(gè)工具，只為一分鐘拯救公眾號(hào)排版」，我們?nèi)绻Ｍ远x排版的樣式，由于 WeChat Format 已經(jīng)開源了全部源碼，因此我們當(dāng)然可以直接自己部署整個(gè)項(xiàng)目，并通過修改 CSS 來自定義排版樣式。

Mermaid JS

?? 鏈接：https://mermaidjs.github.io/mermaid-live-editor/#/

Mermaid JS 是一個(gè)專為流程圖、時(shí)序圖和甘特圖等圖表的繪制準(zhǔn)備的渲染引擎。雖然 Mermaid 渲染引擎的語法相對比較復(fù)雜，但是經(jīng)過簡單的學(xué)習(xí)我們就可以利用 Mermaid 直接在 Markdown 里面繪制流程圖、時(shí)序圖和甘特圖等相對專業(yè)的圖表。

這里我推薦這個(gè) Mermaid JS 在線編輯器，我們可以直接使用 Mermaid 語法繪制相應(yīng)的流程圖、時(shí)序圖和甘特圖等圖標(biāo)，并將渲染出來的圖表以 SVG 的格式下載到本地。

在線 Markdown 編輯器

說完了上面這幾個(gè) Markdown 相關(guān)的網(wǎng)頁小工具，接下來我再來推薦兩個(gè)好用的在線 Markdown 編輯器。

StackEdit

鏈接： https://stackedit.io/app

StackEdit 是一個(gè)非常優(yōu)質(zhì)的在線 Markdown 編輯器，其最大的方便之處是能夠和 Dropbox、GitHub、GitLab 和 Google Drive 等直接同步，以及 Blogger、WordPress、ZenDesk 等內(nèi)容發(fā)布平臺(tái)的直接發(fā)布功能。要說在線編輯器最大的優(yōu)勢，那肯定就是「隨時(shí)隨地，想寫就寫」。只要有網(wǎng)絡(luò)和瀏覽器，我們就能創(chuàng)造內(nèi)容。StackEdit 還能夠讓我們在任何地方、任何設(shè)備上面同步修改撰寫我們創(chuàng)作的文章，寫完文章就可以直接發(fā)布。這樣的「一條龍服務(wù)」是本地的 Markdown 編輯器所幾乎無法達(dá)到的。

不僅如此，StackEdit 還原生直接支持了 Mermaid 渲染引擎，也就是說我們在 StackEdit 里面能夠直接利用 Mermaid 渲染 UML 圖表等復(fù)雜的內(nèi)容。很多本地的 Markdown 編輯器都沒有做到的功能，StackEdit 全都能勝任。得益于 PWA 技術(shù)，StackEdit 網(wǎng)頁編輯器實(shí)際上離線同樣也可以使用，因此我們完全可以直接將 StackEdit 添加到本地，這樣沒有網(wǎng)絡(luò)我們照樣能夠進(jìn)行創(chuàng)作。

HackMD

鏈接： https://hackmd.io/

HackMD 和上面 StackEdit 最大的功能升級就是：HackMD 支持多人協(xié)作撰寫 Markdown 文檔。我們可以直接理解 HackMD 就是 Markdown 世界里的 Google Docs（或騰訊文檔、石墨文檔這種團(tuán)隊(duì)協(xié)作文檔編輯器）。我們可以利用 HackMD 和團(tuán)隊(duì)成員共同實(shí)時(shí)地寫作撰寫編輯一篇 Markdown 文檔，方便高效。

HackMD 原生嵌入了 MathJax 及 UML 模式，我們可以直接快速書寫書寫公式或流程圖，當(dāng)然也可以利用 Mermaid 渲染引擎制作 UML 圖表。

值得注意的是，上面這兩款在線的 Markdown 編輯器都是無需登錄即可使用的，只有 HackMD 在多人協(xié)作時(shí)才需要登錄。

小結(jié)

隨著 Web 技術(shù)的急速發(fā)展，基于 Web 前端的小工具越來越豐富也越來越強(qiáng)大。很多時(shí)候一些小功能，桌面客戶端往往都沒有做很好的處理，這時(shí)候 Web 前端的小工具反而能夠勝任。不僅如此，我們還可以通過 PWA 技術(shù)讓這些網(wǎng)頁 App 直接變成桌面軟件，離線使用，無所不能。

善用在線小工具，我們很多時(shí)候會(huì)發(fā)現(xiàn)原本簡潔的工作流程還能更加高效。希望這篇文章中提到的這些工具在你的創(chuàng)作過程中滿足你的所有需求。感謝閱讀。