介绍3款Markdown编辑器

与世无争的帅哥 提交于 2020-12-25 20:05:43

<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>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!