typora编辑html,Typora 精美而强大的Markdown编辑器

Markdown编辑器千千万，可是有颜值、功能强并且免费的，就没有几个了。之前一直在用Mou，分屏预览模式方便得很，是一个非常好的选择。不过这篇可不是要推荐大家去用Mou，毕竟它只支持Mac这一平台，如果感兴趣的话可以去官网观摩一下Mou。

最近我开始转投新阵营Typora了，它简洁、跨平台、所见即所得，并且可定制性高，功能强大。

这篇文章只说两点，Typora的一些有用的设置以及修改代码块(Code Fences)样式。

开启有用的特性

开启行内公式特性支持

Typora默认已经支持数学公式了，只需要输入$$后敲击回车键即可开始填写公式，不过这样只能使用行间模式(display)，如果我们需要使用行内模式(inline)的话，就需要手动开启了。

打开Typora的偏好设置，选择「Markdown」这一选项，在「Markdown Support」这里可以看到有5个选项，分别是：行内公式、下标、上标、高亮以及图表功能。

Markdown选项

这些选项默认是没有勾选的，我们将「Inline Math」勾选上，就可以开启行内公式的特性支持了，使用方式是在两个$间填写公式，如:$E=mc^2$。

注意: 在「Markdown」选项卡下的所有更改，都需要重启Typora才会生效。

来看一下行内公式和行间公式的效果:

公式演示

开启关键词高亮特性

在做一些文摘和笔记的时候，我们有时候需要对某些重点的段落或关键词进行醒目的标注，开启「Highlight」这一特性的支持，可以让我们方便地使用高亮功能来进行标注。使用时只需要将想要高亮的段落或关键词用==包裹起来即可，如:==高亮特性==。

开启图表绘制功能

使用markdown写东西的时候，难免会需要用到图表，例如流程图、甘特图等，这时候要切出去使用Viso等工具绘制之后导出成图片格式再导入到markdown中使用，就略显麻烦了，如果遇到一些错误需要修改，就得重新来一遍，效率什么的就荡然无存了。

好在Typora有图表绘制的功能提供给我们，不过它默认是没有开启的。同样是在「Markdown Support」里，将「Diagrams」勾选即可开启。

流程图

以上这个流程图，是这样绘制的:​  ```flow

​  st=>start: Start

​  op=>operation: Your Operation

​  cond=>condition: Yes or No?

​  e=>end

​  st->op->cond

​  cond(yes)->e

​  cond(no)->op

​  ```