一款很好用的markdown编辑器

水深无声 2022-01-07 07:37 484阅读 0赞

## 正文 ##

Markdown 其实向来是文字爱好者和码农们的小众需求，市面上也涌现出了形形色色的 Markdown 编辑器，Mou、Typed、Ulysess、Macdown、简书、有道云等，这些比较流行的 Markdown 编辑器，都基本采用了「写字」和「预览」相分离的策略。

Typora的设计理念就是极致简洁，它将「写字」和「预览」这两件事情合并了，输入的地方，也是输出的地方，即所见即所得。

**编辑预览合一：**

所有的行内元素（如加粗、斜体）都会根据当前是否在编辑态而智能地在编辑态和预览态切换，而区块级元素（如标题、列表）则会在按下 Enter 后即时渲染，不能再次编辑。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70]

**表格、代码、公式编辑：**

之所以把这三个放一块是因为他们都是区块元素，而且它们都可以使用快捷键插入。

**表格：**

插入表格的快捷键在windows上是ctrl + T,效果如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 1]

**代码：**

输入\`\`\`按下回车，如图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 2]

右下角可以输入代码的语言，可以根据不同的语言自动高亮显示，连 Swift 也不在例外。

**数学表达式：**

要启用这个功能，首先到Preference -> Editor中启用。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 3]

然后使用$符号包裹Tex命令，例如：

l i m x → ∞   e x p ( − x ) = 0 lim\_\{x \\to \\infty\} \\ exp(-x)=0 limx→∞ exp(−x)=0

将产生如下的数学表达式：

limx→∞ exp(−x)=0

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 4]

Typora支持Latex的公式编辑，公式编辑几乎和代码编辑的使用方法相同，同样分行内公式和行间公式，行内公式用两个$包裹起来，行间公式可以使用快捷键ctrl+shift+m插入：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 5]

**插入图片：**

在传统的 Markdown 编辑器中，如果想要插入一张图片，默认的语法是这样的：

![在这里插入图片描述][20191019160407981.png]

而在 Typora 中，只需要像把图片拖拽进去，就大功告成了。再也不用记住语法格式，再也不用输文件名，再也不用自己去找文件的路径地址，就是这么简单。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 6]

**自定义主题：**

下载完成后默认会带有几套主题：Github、newprint、Night、pixyll、whitey

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 7]

**导出：**

Typora的导出选项提供了很多选项，PDF、html等等，

![在这里插入图片描述][20191019160333397.png]

如下为导出的PDF格式预览：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 8]

--------------------

**该软件的 windows和mac版的 可以关注文末公众号后在后台回复【1】，加小助手微信索取。**

--------------------

# 作者简洁 #

> 作者：小碗汤，一位热爱、认真写作的小伙，目前维护原创公众号：『我的小碗汤』，专注于写golang、docker、kubernetes等知识等提升硬实力的文章，期待你的关注。 转载说明：务必注明来源（注明：来源于公众号：我的小碗汤， 作者：小碗汤）

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70]: /images/20211227/a8ad07631a5648bcb3efbcba83d3567f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 1]: /images/20211227/fd6626f102fd48319afb274f6c8b4bbd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 2]: /images/20211227/289cfd30f2dc44d99c26cd3ce832a9e6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 3]: /images/20211227/1b3c4d7657c84fb48045553206b572a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 4]: /images/20211227/5ae5a4091f3a41078967df600a22ca8b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 5]: /images/20211227/ed0fd274a2804076a67913f1a155aba6.png
[20191019160407981.png]: /images/20211227/a5100ce3150448a4bec16d188248d8b8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 6]: /images/20211227/344f3d090b4741b589b815ca4e28dea0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 7]: /images/20211227/a223a08c47644f9a9c5a6dc34e27977c.png
[20191019160333397.png]: /images/20211227/2fa03a699ee14916ab773e6e097e1d46.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWFiaW8uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 8]: /images/20211227/50323cb2da5f462da50373d076de6352.png