<div id="content_views" class="markdown_views prism-atom-one-light"> <!-- flowchart 箭头图标 勿删 --> <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>
<p> 自从CSDN的博客有了Markdown后，慢慢的了解并学会了用Markdown语法写博客。但CSDN博客是在浏览器中使用，于是一直寻找离线的Markdown编辑器。</p>
<p> 网上先是找到了MarkdownPad2编辑器，使用了一段时间，发现UI并不好看，渲染的排版也不好看。正好今天在使用MarkdownPad2时，同事看到了后，推荐一款名为Typora的编辑器，推荐理由是很方便的写数学公式，于是我尝试了Typora，发现Typora在按下回车后，直接就渲染好了。然而我并不喜欢这种方式，在网上搜有没有解决办法时，看到有人说，Atom默认就是github的渲染样式，我想想也是，作为github为程序员开发的编辑器，Atom也应该看看。</p>
<p> 于是，就有了这篇博客，我会先介绍这三款软件，再说说我目前的搭配用法。</p>
<h2 id="markdownpad2"><a name="t1"></a>MarkdownPad2</h2>
<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>
<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>
<h4 id="优点-1">优点</h4>
<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>
<h4 id="缺点-1">缺点</h4>
<p> 不能分屏实时预览；这个功能或许是Typora开发者认为的有点，他们把这叫“所见即所得”，但我真不习惯，也不喜欢（我喜欢看到写的Markdown源码渲染的过程，比较装逼^_^）。 <br> PS:若支持分屏实时预览，我就不用Atom了。。。</p>
<h2 id="atom"><a name="t3"></a>Atom</h2>
<p>官网：<a href="https://atom.io/" rel="nofollow" target="_blank">https://atom.io/</a></p>
<h4 id="优点-2">优点</h4>
<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>
<h4 id="缺点-2">缺点</h4>
<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>
来源：oschina
链接：https://my.oschina.net/u/4317706/blog/3561457