介紹3款Markdown編輯器

<div id="content_views" class="markdown_views prism-atom-one-light">  <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path></svg> <h2 id="爲何寫此篇"><a name="t0"></a>爲何寫此篇</h2>css

<p> 自從CSDN的博客有了Markdown後，慢慢的瞭解並學會了用Markdown語法寫博客。但CSDN博客是在瀏覽器中使用，因而一直尋找離線的Markdown編輯器。</p>git

<p> 網上先是找到了MarkdownPad2編輯器，使用了一段時間，發現UI並很差看，渲染的排版也很差看。正好今天在使用MarkdownPad2時，同事看到了後，推薦一款名爲Typora的編輯器，推薦理由是很方便的寫數學公式，因而我嘗試了Typora，發現Typora在按下回車後，直接就渲染好了。然而我並不喜歡這種方式，在網上搜有沒有解決辦法時，看到有人說，Atom默認就是github的渲染樣式，我想一想也是，做爲github爲程序員開發的編輯器，Atom也應該看看。</p>程序員

<p> 因而，就有了這篇博客，我會先介紹這三款軟件，再說說我目前的搭配用法。</p>github

<h2 id="markdownpad2"><a name="t1"></a>MarkdownPad2</h2>web

<p>官網:<a href="http://markdownpad.com/" rel="nofollow" target="_blank">http://markdownpad.com/</a></p>瀏覽器

<h4 id="優勢">優勢</h4>微信

<p> 功能全面，升級Pro版本後（付費升級，可破解），幾乎包含了Typora和Atom的功能。主要特色是：左右分屏實時預覽（Atom有的功能）、可自定義添加各類CSS樣式渲染（Typora有的功能）；</p>markdown

<h4 id="缺點">缺點</h4>微信公衆平臺

<p> 軟件UI通常般，更重要的是，應該存在bug，粘貼進去的多行代碼段，最後全顯示到一行上了，果斷尋找替代品了，插入圖片不方便；</p>編輯器

<h2 id="typora"><a name="t2"></a>Typora</h2>

<p>官網：<a href="https://typora.io/" rel="nofollow" target="_blank">https://typora.io/</a></p>

<p> 切換樣式很是方便；就在最上面菜單欄，名字叫作<strong>主題</strong>；另外，寫公式也方便,還有插入圖片和表格很是方便； <br> <img src="https://img-blog.csdn.net/2018052800513327?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTMzMjQ3OTc3MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70" alt="這裏寫圖片描述" title=""></p>

<p> 不能分屏實時預覽；這個功能或許是Typora開發者認爲的有點，他們把這叫「所見即所得」，但我真不習慣，也不喜歡（我喜歡看到寫的Markdown源碼渲染的過程，比較裝逼^_^）。 <br> PS:若支持分屏實時預覽，我就不用Atom了。。。</p>

<p>官網：<a href="https://atom.io/" rel="nofollow" target="_blank">https://atom.io/</a></p>

<p> 經過快捷鍵<code>Ctrl+Shift+M</code>就能夠左右分屏實時預覽，而且沒有代碼只顯示在一行的bug；還能夠方便操做git。 <br> <img src="https://img-blog.csdn.net/20180528005210349?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTMzMjQ3OTc3MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70" alt="這裏寫圖片描述" title=""></p>

<p> 自定義修改CSS樣式比較麻煩，須要裝插件，而且改了以後，就一直採用這麼個樣式了，不能像Typora或者MarkdownPad2切換樣式那麼方便（Typora把這叫<strong>修改主題</strong>），圖片預覽也不如Typora好。</p>

<h2 id="我的推薦搭配"><a name="t4"></a>我的推薦搭配</h2>

<p> 因此，我如今用Atom編寫Markdown文檔，而後複製到CSDN博客上，當有須要渲染成不一樣的樣式時，好比微信公衆平臺，我會經過Typora切換不一樣的主題渲染，放到不一樣的平臺上。</p>

<p>這裏推薦一個Markdown渲染的CSS。</p>

<p>github：<a href="https://github.com/wecatch/markdown-css" rel="nofollow" target="_blank">https://github.com/wecatch/markdown-css</a></p>

<p>這裏能夠預覽它的各類樣式的效果：<a href="http://wecatch.me/markdown-css/" rel="nofollow" target="_blank">http://wecatch.me/markdown-css/</a></p> </div>